/*! tailwindcss v4.1.15 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-emerald-500:oklch(69.6% .17 162.48);--color-teal-500:oklch(70.4% .14 182.503);--color-cyan-500:oklch(71.5% .143 215.221);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-purple-500:oklch(62.7% .265 303.9);--color-pink-500:oklch(65.6% .241 354.308);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-3xl:48rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--animate-spin:spin 1s linear infinite;--blur-sm:8px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-foreground:var(--foreground);--color-muted:var(--muted);--color-card:var(--card);--color-primary:var(--primary);--color-border:var(--border)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-4{top:calc(var(--spacing)*4)}.right-4{right:calc(var(--spacing)*4)}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-12{margin-block:calc(var(--spacing)*12)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-10{margin-top:calc(var(--spacing)*10)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-1{margin-left:calc(var(--spacing)*1)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.h-2{height:calc(var(--spacing)*2)}.h-4{height:calc(var(--spacing)*4)}.h-16{height:calc(var(--spacing)*16)}.h-\[0\.9em\]{height:.9em}.h-\[400px\]{height:400px}.h-full{height:100%}.max-h-0{max-height:calc(var(--spacing)*0)}.max-h-40{max-height:calc(var(--spacing)*40)}.max-h-\[500px\]{max-height:500px}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)*4)}.w-16{width:calc(var(--spacing)*16)}.w-\[2px\]{width:2px}.w-\[400px\]{width:400px}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-\[550px\]{max-width:550px}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.flex-1{flex:1}.grow{flex-grow:1}.translate-y-\[0\.05em\]{--tw-translate-y:.05em;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[var\(--color-border\)\]{border-color:var(--color-border)}.border-\[var\(--color-primary\)\]{border-color:var(--color-primary)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-red-500{border-color:var(--color-red-500)}.bg-\[var\(--color-card\)\]{background-color:var(--color-card)}.bg-\[var\(--primary\)\]{background-color:var(--primary)}.bg-background{background-color:var(--background)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-current{background-color:currentColor}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-white{background-color:var(--color-white)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-100{--tw-gradient-from:var(--color-blue-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-emerald-500{--tw-gradient-from:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-purple-500{--tw-gradient-from:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-white{--tw-gradient-from:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-blue-200{--tw-gradient-via:var(--color-blue-200);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-gray-100{--tw-gradient-via:var(--color-gray-100);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-cyan-500{--tw-gradient-to:var(--color-cyan-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-gray-100{--tw-gradient-to:var(--color-gray-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-gray-200{--tw-gradient-to:var(--color-gray-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-pink-500{--tw-gradient-to:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-teal-500{--tw-gradient-to:var(--color-teal-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing)*1)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-6{padding-block:calc(var(--spacing)*6)}.py-16{padding-block:calc(var(--spacing)*16)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[var\(--color-foreground\)\],.text-\[var\(--color-foreground\)\]\/90{color:var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.text-\[var\(--color-foreground\)\]\/90{color:color-mix(in oklab,var(--color-foreground)90%,transparent)}}.text-\[var\(--color-muted\)\]{color:var(--color-muted)}.text-\[var\(--color-primary\)\]{color:var(--color-primary)}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-red-500{color:var(--color-red-500)}.text-white{color:var(--color-white)}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-100{opacity:1}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}@media(hover:hover){.hover\:bg-black\/10:hover{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/10:hover{background-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.hover\:bg-blue-400:hover{background-color:var(--color-blue-400)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:text-\[var\(--color-foreground\)\]:hover{color:var(--color-foreground)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:opacity-90:hover{opacity:.9}}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[var\(--color-primary\)\]:focus{--tw-ring-color:var(--color-primary)}@media(min-width:40rem){.sm\:flex-row{flex-direction:row}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:48rem){.md\:flex{display:flex}.md\:w-1\/2{width:50%}.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:gap-16{gap:calc(var(--spacing)*16)}.md\:py-24{padding-block:calc(var(--spacing)*24)}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}@media(min-width:64rem){.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:px-12{padding-inline:calc(var(--spacing)*12)}.lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}}:root{--background:#fafafa;--foreground:#0a0a0a;--muted:#6b7280;--muted-foreground:#9ca3af;--card:#fff;--card-foreground:#0a0a0a;--primary:#5e3698;--primary-foreground:#fff;--primary-hover:#4a2b7a;--accent:#f3f4f6;--accent-foreground:#111827;--border:#e5e7eb;--input:#fff;--ring:#5e3698;--destructive:#ef4444;--destructive-foreground:#fff;--success:#10b981;--success-foreground:#fff;--primary-purple:#5e3698;--secondary-purple:#8f6ed5;--accent-purple:#bfa6f2;--glow-purple:#5e369880}.dark,[data-theme=dark]{--background:#0a0a0a;--foreground:#fafafa;--muted:#6b7280;--muted-foreground:#9ca3af;--card:#111;--card-foreground:#fafafa;--primary:#7b4fd1;--primary-foreground:#fff;--primary-hover:#9d7df0;--accent:#1a1a1a;--accent-foreground:#fafafa;--border:#262626;--input:#1a1a1a;--ring:#7b4fd1;--destructive:#f87171;--destructive-foreground:#fff;--success:#34d399;--success-foreground:#0a0a0a;--primary-purple:#7b4fd1;--secondary-purple:#9d7df0;--accent-purple:#c5aeff;--glow-purple:#7b4fd180}@media(prefers-color-scheme:dark){:root:not(.light):not(.dark){color-scheme:dark}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--background);color:var(--foreground);margin:0;padding:0;transition:background-color .3s,color .3s;overflow-x:hidden}.container-responsive{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.glass-card{background:var(--card);border:1px solid var(--border);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dark .glass-card,[data-theme=dark] .glass-card{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.glass-card>*{z-index:1;position:relative}.btn-primary{background:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{border:1px solid var(--border);background:var(--card)}.dark .btn-outline,[data-theme=dark] .btn-outline{background:0 0}.dark-mode-btn{border:1px solid var(--border);width:36px;min-width:36px;height:36px;color:var(--foreground);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.dark-mode-btn:hover{background:var(--accent);border-color:var(--primary)}.gradient-text{background:linear-gradient(135deg,var(--primary)0%,var(--primary-hover)70%);-webkit-text-fill-color:transparent;color:var(--primary);-webkit-background-clip:text;background-clip:text;display:inline-block}.dark .gradient-text,[data-theme=dark] .gradient-text{background:linear-gradient(135deg,var(--primary)0%,var(--primary-hover)50%,#c7d2fe 100%);-webkit-text-fill-color:transparent;color:var(--primary);-webkit-background-clip:text;background-clip:text}input,textarea,select,button{font-family:inherit}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--ring)!important;box-shadow:0 0 0 3px #5e369826!important}.dark input:focus,.dark textarea:focus,.dark select:focus,[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{box-shadow:0 0 0 3px #7b4fd133!important}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.5rem}select option{background-color:var(--card);color:var(--foreground)}select::-ms-expand{display:none}.auth-container input::placeholder,.auth-container textarea::placeholder{color:var(--muted-foreground);opacity:.6}.phone-mockup{--phone-w:260px;width:var(--phone-w);height:calc(var(--phone-w)*2);background:linear-gradient(#111827,#0b0b12);border:10px solid #111827;border-radius:2rem;position:relative;overflow:hidden}.phone-mockup.landscape{--phone-w:clamp(280px,58vw,620px);height:calc(var(--phone-w)*16/9)}.phone-notch{background:#111827;border-bottom-right-radius:14px;border-bottom-left-radius:14px;width:180px;height:28px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-notch.hidden-while-playing{display:none}.phone-screen-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px}@keyframes phoneEnter{0%{opacity:0;transform:translateY(24px)scale(.95)}60%{opacity:1;transform:translateY(0)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}.phone-pop-in{animation:.7s cubic-bezier(.22,1,.36,1) both phoneEnter}@keyframes waveSlide{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes caretBlink{0%,45%{opacity:1}55%,to{opacity:0}}@keyframes caretGlide{0%{transform:translateY(0)}50%{transform:translateY(-.08em)}to{transform:translateY(0)}}@keyframes beeFloat{0%{transform:translate(-10px)scale(1)}50%{transform:translate(10px,-12px)scale(1.03)}to{transform:translate(-10px)scale(1)}}@keyframes honeyPulse{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(10%)}}.typewriter-caret{background:currentColor;border-radius:1px;width:.08em;min-width:2px;height:1.2em;margin-left:.1em;animation:.9s steps(2,start) infinite caretBlink;display:inline-block;box-shadow:0 0 6px #0f172a40}.typewriter-caret[data-state=typing]{filter:drop-shadow(0 0 8px #5e369899);animation:.9s steps(2,start) infinite caretBlink,1.4s ease-in-out infinite caretGlide}.typewriter-caret[data-state=resting]{opacity:.8;animation:1.4s steps(2,start) infinite caretBlink}.typewriter-caret-inline{margin-left:0;position:absolute;bottom:0;left:-.05em;transform:translate(-100%)}.wave-subtle:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(120deg,#5e369808 25%,#5e36980f,#5e369808 75%) 0 0/150% 150%;animation:20s linear infinite waveSlide;position:absolute;inset:0}.wave-medium:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(120deg,#5e36980f 20%,#7b4fd11a,#5e36980f 80%) 0 0/200% 200%;animation:14s ease-in-out infinite waveSlide;position:absolute;inset:0}.wave-fancy:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(120deg,#5e369833 20%,#7b4fd140,#8f6ed533,#bfa6f233,#5e369833) 0 0/400% 400%;animation:6s ease-in-out infinite waveSlide;position:absolute;inset:0}body,.glass-card,.btn-primary,.btn-outline,header,nav,main,aside,footer,section,article,div[class*=card],div[class*=panel],div[class*=modal],input,textarea,select,button{transition:background-color .2s,border-color .2s,color .2s}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--accent);border-radius:8px}::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--accent);border-radius:8px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}::-webkit-scrollbar-corner{background:var(--accent)}*{scrollbar-width:thin;scrollbar-color:var(--border)var(--accent)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}:root{--hero-bg: transparent;--hero-text: #1a1a2e;--hero-text-muted: rgba(26, 26, 46, .65);--hero-cursor: #1a1a2e;--hero-primary: #5e3698;--hero-secondary: #8f6ed5;--hero-accent: #bfa6f2;--hero-card-bg: rgba(255, 255, 255, .7);--hero-border: rgba(94, 54, 152, .12);--hero-glow: rgba(94, 54, 152, .5)}:is([data-theme=dark],.dark){--hero-bg: transparent;--hero-text: #f5f5f7;--hero-text-muted: rgba(245, 245, 247, .6);--hero-cursor: #f5f5f7;--hero-primary: #7b4fd1;--hero-secondary: #9d7df0;--hero-accent: #c5aeff;--hero-card-bg: rgba(17, 17, 17, .7);--hero-border: rgba(123, 79, 209, .2);--hero-glow: rgba(123, 79, 209, .5)}.hero-section{position:relative;width:100%;min-height:calc(100svh - 64px);display:flex;align-items:center;justify-content:center;padding:48px 24px;text-align:center;overflow:hidden;background-color:transparent;box-sizing:border-box;margin:0 auto}.hero-section *,.hero-section *:before,.hero-section *:after{box-sizing:border-box}.hero-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative;z-index:10;width:100%;max-width:1000px;margin:0 auto;text-align:center}@media(min-width:768px){.hero-content{gap:24px}}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--hero-card-bg);border:1px solid var(--hero-border);border-radius:100px;font-size:.875rem;font-weight:600;color:var(--hero-primary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:heroBadgeFadeIn .6s ease-out;box-shadow:0 4px 20px color-mix(in srgb,var(--hero-primary) 15%,transparent),inset 0 1px #ffffff1a}:is([data-theme=dark],.dark) .hero-badge{box-shadow:0 4px 20px color-mix(in srgb,var(--hero-primary) 25%,transparent),inset 0 1px #ffffff0d}.hero-badge-icon{color:var(--hero-primary);animation:heroBadgePulse 2s ease-in-out infinite}@keyframes heroBadgeFadeIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes heroBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.hero-title{position:relative;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:300;letter-spacing:-.02em;margin:0;line-height:1.1;color:var(--hero-text);font-family:Inter,Segoe UI,Arial,sans-serif}.hero-title-text{display:inline;color:inherit;font-weight:300}.hero-title-text--hidden{opacity:0}.hero-title-gradient{background:linear-gradient(135deg,var(--hero-primary) 0%,var(--hero-secondary) 50%,var(--hero-accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;position:relative;background-size:200% auto;animation:heroTitleGradient 4s ease infinite;font-weight:300}.hero-title-gradient:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--hero-primary),var(--hero-accent),transparent);animation:heroUnderlineExpand 2s ease-in-out infinite}@keyframes heroTitleGradient{0%,to{background-position:0% center}50%{background-position:100% center}}@keyframes heroUnderlineExpand{0%,to{transform:scaleX(.5);opacity:.5}50%{transform:scaleX(1);opacity:1}}@media(max-width:768px){.hero-title{font-size:clamp(2rem,8vw,3rem)}}@media(max-width:480px){.hero-title{font-size:clamp(1.75rem,10vw,2.5rem)}}.hero-description{font-size:clamp(1rem,2vw,1.25rem);line-height:1.7;color:var(--hero-text-muted);max-width:600px;margin:0 auto;animation:heroFadeInUp .8s ease-out .2s both}@keyframes heroFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-cursor{display:inline-block;width:3px;height:.85em;background:linear-gradient(180deg,var(--hero-primary),var(--hero-secondary));margin-left:4px;vertical-align:middle;transform:translateY(.08em);border-radius:2px;box-shadow:0 0 12px var(--hero-primary)}.hero-cursor--hidden{opacity:0}.hero-cursor--blinking{animation:heroCursorBlink 1s step-end infinite}@keyframes heroCursorBlink{0%,to{opacity:1;box-shadow:0 0 16px var(--hero-primary)}50%{opacity:0;box-shadow:0 0 0 var(--hero-primary)}}.hero-button-wrapper{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:16px;margin-top:32px}@media(min-width:768px){.hero-button-wrapper{flex-direction:row;margin-top:48px}}.hero-button{position:relative;z-index:10;padding:18px 48px;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--hero-primary) 0%,var(--hero-secondary) 50%,var(--hero-accent) 100%);background-size:200% 200%;border:none;border-radius:16px;cursor:pointer;box-shadow:0 6px 25px color-mix(in srgb,var(--hero-primary) 35%,transparent),0 0 0 1px #ffffff1a inset,0 2px #ffffff26 inset;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;letter-spacing:.5px;animation:heroButtonGradient 3s ease infinite}@keyframes heroButtonGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease;z-index:1}.hero-button:hover:before{left:100%}.hero-button:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;border-radius:16px}.hero-button-glow{position:absolute;inset:-3px;background:linear-gradient(135deg,var(--hero-primary),var(--hero-secondary),var(--hero-accent),var(--hero-primary));background-size:300% 300%;border-radius:19px;z-index:-1;opacity:0;filter:blur(12px);transition:opacity .4s ease;animation:heroGlowRotate 4s linear infinite}@keyframes heroGlowRotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media(min-width:768px){.hero-button{padding:20px 56px;font-size:1.125rem;border-radius:18px}.hero-button-glow{border-radius:21px;inset:-4px}}.hero-button:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 40px color-mix(in srgb,var(--hero-primary) 45%,transparent),0 0 0 1px #fff3 inset,0 2px #fff3 inset}.hero-button:hover:after{opacity:1}.hero-button:hover+.hero-button-glow,.hero-button:hover~.hero-button-glow{opacity:.6}.hero-button:active{transform:translateY(-2px) scale(1);box-shadow:0 6px 25px color-mix(in srgb,var(--hero-primary) 40%,transparent),0 0 0 1px #ffffff1a inset}.hero-button-content{position:relative;z-index:2;display:flex;align-items:center;gap:10px}.hero-button-icon{transition:transform .3s ease}.hero-button:hover .hero-button-icon{transform:translate(4px)}.hero-button--hidden{opacity:0;transform:translateY(24px);pointer-events:none}.hero-button--visible{opacity:1;transform:translateY(0);animation:heroButtonFadeIn .6s cubic-bezier(.4,0,.2,1)}@keyframes heroButtonFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-button-secondary{position:relative;padding:16px 36px;font-size:1rem;font-weight:600;color:var(--hero-primary);background:var(--hero-card-bg);border:1px solid var(--hero-border);border-radius:16px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px color-mix(in srgb,var(--hero-primary) 10%,transparent),inset 0 1px #ffffff1a;overflow:hidden}.hero-button-secondary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,color-mix(in srgb,var(--hero-primary) 8%,transparent));opacity:0;transition:opacity .3s ease}.hero-button-secondary:hover{border-color:var(--hero-primary);transform:translateY(-4px);box-shadow:0 10px 35px color-mix(in srgb,var(--hero-primary) 20%,transparent),inset 0 1px #ffffff26}.hero-button-secondary:hover:before{opacity:1}.hero-features{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:48px;animation:heroFadeInUp .8s ease-out .6s both}.hero-feature-item{display:flex;align-items:center;gap:10px;padding:14px 24px;background:var(--hero-card-bg);border:1px solid var(--hero-border);border-radius:100px;font-size:.875rem;font-weight:500;color:var(--hero-text-muted);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0000000d}:is([data-theme=dark],.dark) .hero-feature-item{box-shadow:0 4px 15px #0003}.hero-feature-item:hover{border-color:var(--hero-primary);color:var(--hero-text);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px color-mix(in srgb,var(--hero-primary) 20%,transparent)}.hero-feature-icon{color:var(--hero-primary);transition:transform .3s ease}.hero-feature-item:hover .hero-feature-icon{transform:scale(1.15) rotate(5deg);filter:drop-shadow(0 0 6px var(--hero-accent))}.hero-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0;animation:heroOrbFloat 6s ease-in-out infinite}.hero-orb-1{width:350px;height:350px;background:radial-gradient(circle,color-mix(in srgb,var(--hero-primary) 35%,transparent),transparent);top:5%;right:10%;animation-delay:0s}.hero-orb-2{width:280px;height:280px;background:radial-gradient(circle,color-mix(in srgb,var(--hero-secondary) 30%,transparent),transparent);bottom:15%;left:5%;animation-delay:2s}.hero-orb-3{width:220px;height:220px;background:radial-gradient(circle,color-mix(in srgb,var(--hero-accent) 25%,transparent),transparent);top:45%;left:15%;animation-delay:4s}.hero-orb-4{width:180px;height:180px;background:radial-gradient(circle,color-mix(in srgb,var(--hero-primary) 20%,transparent),transparent);bottom:25%;right:20%;animation-delay:3s}@keyframes heroOrbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.02)}50%{transform:translate(-10px,20px) scale(.98)}75%{transform:translate(10px,10px) scale(1.01)}}.hero-follower-bee{position:absolute;top:0;left:0;z-index:40;pointer-events:none;width:60px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.hero-swarm-bee{position:absolute;top:50%;left:50%;width:2rem;height:2rem;pointer-events:none;z-index:0;transform:translate(-50%,-50%)}@media(max-width:768px){.hero-section{min-height:calc(100svh - 56px);padding:32px 16px}.hero-button{padding:16px 40px;font-size:1rem;width:100%;max-width:300px}.hero-features{flex-direction:column;align-items:center}.hero-feature-item{width:100%;max-width:280px;justify-content:center}.hero-orb-1{width:200px;height:200px;top:0;right:-5%}.hero-orb-2{width:180px;height:180px;bottom:5%;left:-5%}.hero-orb-3,.hero-orb-4{display:none}}@media(max-width:480px){.hero-badge{padding:8px 16px;font-size:.75rem}.hero-orb-1{width:150px;height:150px}.hero-orb-2{width:120px;height:120px}}@media(prefers-reduced-motion:reduce){.hero-cursor--blinking{animation:none;opacity:1}.hero-button,.hero-button-secondary,.hero-feature-item{transition:none}.hero-orb,.hero-title,.hero-title-gradient,.hero-badge,.hero-badge-icon{animation:none}.hero-title-gradient:after{animation:none;transform:scaleX(1);opacity:1}.hero-description,.hero-features{animation:none;opacity:1;transform:none}}@media print{.hero-section{min-height:auto;padding:24px}.hero-orb{display:none}}:root{--infographic-bg: transparent;--infographic-card-bg: rgba(255, 255, 255, .8);--infographic-shadow: rgba(0, 0, 0, .1);--infographic-ring: rgba(94, 54, 152, .1);--infographic-primary: #5e3698;--infographic-secondary: #8f6ed5;--infographic-accent: #bfa6f2;--infographic-border: rgba(94, 54, 152, .12)}:is([data-theme=dark],.dark){--infographic-bg: transparent;--infographic-card-bg: rgba(17, 17, 17, .8);--infographic-shadow: rgba(0, 0, 0, .4);--infographic-ring: rgba(123, 79, 209, .15);--infographic-primary: #7b4fd1;--infographic-secondary: #9d7df0;--infographic-accent: #c5aeff;--infographic-border: rgba(123, 79, 209, .2)}.infographic-section{position:relative;width:100%;display:flex;justify-content:center;align-items:center;padding:5rem 1.5rem;background-color:transparent;overflow:hidden;box-sizing:border-box}@media(min-width:768px){.infographic-section{padding:7rem 2rem}}@media(min-width:1024px){.infographic-section{padding:9rem 3rem}}.infographic-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0;animation:infographicOrbFloat 6s ease-in-out infinite}.infographic-orb-1{width:300px;height:300px;background:radial-gradient(circle,color-mix(in srgb,var(--infographic-primary) 30%,transparent),transparent);top:10%;right:15%;animation-delay:0s}.infographic-orb-2{width:250px;height:250px;background:radial-gradient(circle,color-mix(in srgb,var(--infographic-secondary) 25%,transparent),transparent);bottom:20%;left:10%;animation-delay:2s}.infographic-orb-3{width:200px;height:200px;background:radial-gradient(circle,color-mix(in srgb,var(--infographic-accent) 20%,transparent),transparent);top:50%;left:20%;animation-delay:4s}.infographic-orb-4{width:180px;height:180px;background:radial-gradient(circle,color-mix(in srgb,var(--infographic-primary) 18%,transparent),transparent);bottom:30%;right:25%;animation-delay:3s}@keyframes infographicOrbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.02)}50%{transform:translate(-10px,20px) scale(.98)}75%{transform:translate(10px,10px) scale(1.01)}}@media(max-width:768px){.infographic-orb-3,.infographic-orb-4{display:none}.infographic-orb-1{width:180px;height:180px;top:5%;right:-5%}.infographic-orb-2{width:160px;height:160px;bottom:10%;left:-5%}}.infographic-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(148,163,184,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.03) 1px,transparent 1px);background-size:25px 25px;opacity:.4;pointer-events:none;z-index:1}.infographic-card{position:relative;background:var(--infographic-card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--infographic-border);overflow:hidden;aspect-ratio:16 / 9;z-index:10;box-shadow:0 30px 60px -15px color-mix(in srgb,var(--infographic-primary) 20%,var(--infographic-shadow)),0 15px 30px -10px var(--infographic-shadow),inset 0 1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1)}:is([data-theme=dark],.dark) .infographic-card{box-shadow:0 30px 60px -15px color-mix(in srgb,var(--infographic-primary) 30%,rgba(0,0,0,.5)),0 15px 30px -10px #0006,inset 0 1px #ffffff0d}.infographic-card:hover{transform:translateY(-8px);box-shadow:0 40px 80px -20px color-mix(in srgb,var(--infographic-primary) 25%,var(--infographic-shadow)),0 20px 40px -15px var(--infographic-shadow),inset 0 1px #ffffff26}:is([data-theme=dark],.dark) .infographic-card:hover{box-shadow:0 40px 80px -20px color-mix(in srgb,var(--infographic-primary) 35%,rgba(0,0,0,.6)),0 20px 40px -15px #00000080,inset 0 1px #ffffff14}.infographic-card img{width:100%;height:100%;object-fit:cover;display:block}.infographic-overlay{position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 60px color-mix(in srgb,var(--infographic-primary) 5%,transparent);transition:box-shadow .4s cubic-bezier(.4,0,.2,1);z-index:2}.infographic-card:hover .infographic-overlay{box-shadow:inset 0 0 80px color-mix(in srgb,var(--infographic-primary) 8%,transparent)}.infographic-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--infographic-primary),var(--infographic-secondary),var(--infographic-accent));border-radius:inherit;opacity:0;z-index:-1;filter:blur(20px);transition:opacity .4s cubic-bezier(.4,0,.2,1)}.infographic-card:hover:before{opacity:.35}:is([data-theme=dark],.dark) .infographic-card:hover:before{opacity:.45}.infographic-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,color-mix(in srgb,var(--infographic-accent) 12%,transparent) 50%,transparent 70%);opacity:0;transform:translate(-100%) translateY(-100%) rotate(45deg);transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:3}.infographic-card:hover:after{opacity:1;transform:translate(100%) translateY(100%) rotate(45deg)}@media(prefers-reduced-motion:reduce){.infographic-card,.infographic-overlay,.infographic-card:before,.infographic-card:after{transition:none}.infographic-orb{animation:none}}@media(max-width:640px){.infographic-section{padding:3rem 1rem}}:root{--showcase-bg: #ffffff;--showcase-surface: #ffffff;--showcase-text: #231248;--showcase-primary: #5e3698;--showcase-secondary: #8f6ed5;--showcase-accent: #bfa6f2;--showcase-muted: rgba(35, 18, 72, .6);--showcase-border: rgba(94, 54, 152, .1);--showcase-shadow: rgba(94, 54, 152, .15);--showcase-glow: rgba(94, 54, 152, .3);--primary-purple: #5e3698;--secondary-purple: #8f6ed5;--accent-purple: #bfa6f2;--glow-purple: rgba(94, 54, 152, .5)}:is([data-theme=dark],.dark){--showcase-bg: #0a0a0a;--showcase-surface: #111111;--showcase-text: #fafafa;--showcase-primary: #7b4fd1;--showcase-secondary: #9d7df0;--showcase-accent: #c5aeff;--showcase-muted: #6b7280;--showcase-muted-foreground: #9ca3af;--showcase-border: #262626;--showcase-shadow: rgba(0, 0, 0, .4);--showcase-glow: rgba(123, 79, 209, .5);--primary-purple: #7b4fd1;--secondary-purple: #9d7df0;--accent-purple: #c5aeff}.showcase-container{width:80%;max-width:1600px;margin:0 auto;padding:60px 20px;display:flex;gap:16px;align-items:stretch}.showcase-card{display:flex;flex:1;min-height:600px;background:var(--showcase-surface);border-radius:28px;overflow:hidden;box-shadow:0 20px 60px var(--showcase-shadow),0 8px 24px #00000014,inset 0 1px #ffffff1a;border:1px solid var(--showcase-border);position:relative;transition:all .3s ease}.showcase-card:hover{box-shadow:0 24px 80px var(--showcase-shadow),0 12px 32px #0000001f;transform:translateY(-2px)}.showcase-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(94,54,152,.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(143,110,213,.03) 0%,transparent 50%);pointer-events:none;animation:backgroundPulse 8s ease-in-out infinite}:is([data-theme=dark],.dark) .showcase-card:before{background:radial-gradient(circle at 20% 30%,rgba(123,79,209,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(157,125,240,.05) 0%,transparent 50%)}@keyframes backgroundPulse{0%,to{opacity:.5}50%{opacity:1}}.showcase-sidebar{width:80px;flex-shrink:0;background:var(--showcase-surface);display:flex;flex-direction:column;align-items:center;padding:32px 0;gap:28px;border-right:1px solid var(--showcase-border);position:relative;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-logo{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.logo-img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 8px var(--showcase-glow));transition:transform .3s ease}.sidebar-logo:hover .logo-img{transform:scale(1.1) rotate(5deg)}.sidebar-nav{display:flex;flex-direction:column;gap:14px;width:100%;padding:0 14px}.sidebar-btn{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:14px;color:var(--showcase-muted);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sidebar-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--showcase-primary),var(--showcase-secondary));opacity:0;transition:opacity .3s ease;border-radius:14px;z-index:-1}.sidebar-btn:disabled{cursor:not-allowed;opacity:.6}.sidebar-btn:hover:not(:disabled){color:var(--showcase-text);border-color:var(--showcase-border);background:#5e36980d;transform:translateY(-2px)}:is([data-theme=dark],.dark) .sidebar-btn:hover:not(:disabled){background:#7b4fd11a}.sidebar-btn.active{background:linear-gradient(135deg,var(--showcase-primary),var(--showcase-secondary));color:#fff;box-shadow:0 6px 16px var(--showcase-glow),0 2px 4px #0000001a;border-color:transparent;transform:translateY(-2px)}.sidebar-btn.active:before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:4px;height:28px;background:linear-gradient(180deg,var(--showcase-primary),var(--showcase-secondary));border-radius:0 4px 4px 0;box-shadow:0 0 12px var(--showcase-glow);animation:indicatorPulse 2s ease-in-out infinite}@keyframes indicatorPulse{0%,to{opacity:1;box-shadow:0 0 12px var(--showcase-glow)}50%{opacity:.7;box-shadow:0 0 20px var(--showcase-glow)}}.sidebar-btn:focus-visible{outline:2px solid var(--showcase-primary);outline-offset:2px}.showcase-text-card{width:420px;flex-shrink:0;background:var(--showcase-surface);border-radius:28px;overflow:hidden;box-shadow:0 20px 60px var(--showcase-shadow),0 8px 24px #00000014,inset 0 1px #ffffff1a;border:1px solid var(--showcase-border);position:relative;transition:all .3s ease;margin-right:24px}.showcase-text-card:hover{box-shadow:0 24px 80px var(--showcase-shadow),0 12px 32px #0000001f;transform:translateY(-2px)}.showcase-text-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(94,54,152,.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(143,110,213,.03) 0%,transparent 50%);pointer-events:none;animation:backgroundPulse 8s ease-in-out infinite}:is([data-theme=dark],.dark) .showcase-text-card:before{background:radial-gradient(circle at 20% 30%,rgba(123,79,209,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(157,125,240,.05) 0%,transparent 50%)}.showcase-text-area{width:100%;height:100%;background:linear-gradient(135deg,var(--showcase-bg) 0%,rgba(94,54,152,.02) 100%);padding:48px 40px;display:flex;flex-direction:column;gap:24px;position:relative;overflow-y:auto}:is([data-theme=dark],.dark) .showcase-text-area{background:linear-gradient(135deg,#2a185480,#7b4fd108)}.showcase-text-content{animation:textFadeIn .5s ease-out}@keyframes textFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.showcase-title{font-size:32px;font-weight:700;color:var(--showcase-text);margin:0 0 16px;line-height:1.2;background:linear-gradient(135deg,var(--showcase-primary),var(--showcase-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.showcase-description{font-size:16px;line-height:1.7;color:var(--showcase-muted);margin:0}.showcase-features{display:flex;flex-direction:column;gap:12px;margin-top:12px}.showcase-feature-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#5e36980a;border-radius:12px;border:1px solid var(--showcase-border);transition:all .3s ease}:is([data-theme=dark],.dark) .showcase-feature-item{background:#7b4fd114}.showcase-feature-item:hover{background:#5e369814;border-color:var(--showcase-primary);transform:translate(4px)}:is([data-theme=dark],.dark) .showcase-feature-item:hover{background:#7b4fd126}.showcase-feature-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--showcase-primary),var(--showcase-secondary));color:#fff;border-radius:8px;font-size:14px}.showcase-feature-text{flex:1;font-size:14px;line-height:1.6;color:var(--showcase-text)}.showcase-image-wrapper{flex:1;background:linear-gradient(135deg,var(--showcase-bg) 0%,rgba(94,54,152,.02) 100%);display:flex;align-items:center;justify-content:center;padding:32px;position:relative;overflow:hidden}.showcase-panel-wrapper{flex:1;background:linear-gradient(135deg,var(--showcase-bg) 0%,rgba(94,54,152,.02) 100%);display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}:is([data-theme=dark],.dark) .showcase-panel-wrapper{background:linear-gradient(135deg,#2a18544d,#7b4fd10d)}.showcase-panel-content{width:100%;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1)}.showcase-panel-content.transitioning{opacity:.5;transform:scale(.98)}.showcase-img{width:100%;height:100%;object-fit:cover;border-radius:16px;box-shadow:0 20px 60px var(--showcase-shadow),0 8px 24px #00000014,inset 0 1px #ffffff1a;border:1px solid var(--showcase-border);transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.showcase-img:hover{transform:scale(1.02);box-shadow:0 24px 80px var(--showcase-shadow),0 12px 32px #0000001f}.showcase-img.transitioning{animation:imageTransition .4s ease-in-out}@keyframes imageTransition{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media(max-width:1024px){.showcase-container{width:85%;gap:16px}.showcase-text-card{width:360px}.showcase-sidebar{width:72px;padding:28px 0}.sidebar-btn{width:48px;height:48px}.showcase-text-area{padding:40px 32px}.showcase-title{font-size:28px}}@media(max-width:768px){.showcase-container{width:90%;padding:40px 16px;gap:16px}.showcase-text-card{width:320px}.showcase-text-area{padding:32px 24px}.showcase-card{min-height:520px;border-radius:24px}.showcase-sidebar{width:64px;padding:24px 0;gap:24px}.sidebar-logo{width:40px;height:40px}.logo-img{width:24px;height:24px}.sidebar-btn{width:44px;height:44px}.showcase-title{font-size:24px}.showcase-description{font-size:15px}.showcase-image-wrapper{padding:24px}}@media(max-width:640px){.showcase-container{width:95%;padding:24px 12px;flex-direction:column;gap:16px}.showcase-text-card{width:100%;margin-right:0;margin-bottom:0}.showcase-text-area{padding:32px 24px;min-height:280px}.showcase-card{flex-direction:column;min-height:auto;border-radius:20px}.showcase-sidebar{width:100%;height:72px;flex-direction:row;padding:0 24px;border-right:none;border-bottom:1px solid var(--showcase-border)}.sidebar-logo{margin-bottom:0;margin-right:12px}.sidebar-nav{flex-direction:row;padding:0;justify-content:center;flex:1;gap:12px}.sidebar-btn{width:52px;height:52px}.sidebar-btn.active:before{left:50%;top:auto;bottom:-12px;transform:translate(-50%);width:28px;height:4px;border-radius:4px 4px 0 0}.showcase-title{font-size:24px}.showcase-image-wrapper{flex:1;min-height:300px;padding:24px}}@media(max-width:480px){.showcase-container{width:100%;padding:20px;gap:16px}.showcase-text-card{border-radius:18px}.showcase-text-area{padding:28px 20px}.showcase-card{border-radius:18px}.showcase-sidebar{height:68px;padding:0 20px}.sidebar-btn{width:48px;height:48px}.sidebar-nav{gap:10px}.showcase-title{font-size:22px}.showcase-description{font-size:14px}.showcase-image-wrapper{padding:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sidebar-btn,.showcase-img,.showcase-card,.showcase-text-content{transition:none;animation:none}.showcase-img.transitioning,.sidebar-logo{animation:none}}.mock-panel{width:100%;height:500px;max-height:500px;background:var(--showcase-surface);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:20px;border:1px solid var(--showcase-border);box-shadow:0 4px 20px var(--showcase-shadow);overflow:hidden}.mock-home{align-items:center;justify-content:center;text-align:center}.mock-welcome-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#7b4fd11a,#9d7df01a);border:1px solid var(--showcase-border);border-radius:24px;color:var(--showcase-primary);font-size:13px;font-weight:500}.mock-home-title{font-size:24px;font-weight:700;color:var(--showcase-text);margin:8px 0;line-height:1.3}.mock-title-gradient{background:linear-gradient(135deg,var(--showcase-primary),var(--showcase-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mock-quick-actions{display:flex;gap:12px;margin-top:16px}.mock-action-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 20px;background:var(--showcase-bg);border:1px solid var(--showcase-border);border-radius:16px;cursor:pointer;transition:all .3s ease}.mock-action-card:hover,.mock-action-card.hovered{transform:translateY(-4px);box-shadow:0 8px 24px var(--showcase-shadow);border-color:var(--showcase-primary)}.mock-action-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#fff}.mock-action-title{font-size:13px;font-weight:600;color:var(--showcase-text)}.mock-stats-row{display:flex;gap:16px;margin-top:20px}.mock-stat-mini{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--showcase-bg);border:1px solid var(--showcase-border);border-radius:10px;font-size:12px;color:var(--showcase-muted)}.mock-stat-mini svg{color:var(--showcase-primary)}.mock-dashboard{gap:16px}.mock-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mock-stat-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--showcase-bg);border:1px solid var(--showcase-border);border-radius:12px;cursor:pointer;transition:all .3s ease}.mock-stat-card:hover,.mock-stat-card.selected{border-color:var(--showcase-primary);box-shadow:0 4px 16px var(--showcase-shadow)}.mock-stat-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px}.mock-stat-info{display:flex;flex-direction:column;flex:1}.mock-stat-value{font-size:18px;font-weight:700;color:var(--showcase-text)}.mock-stat-label{font-size:11px;color:var(--showcase-muted)}.mock-stat-change{font-size:11px;font-weight:600}.mock-chart-container{flex:1;display:flex;flex-direction:column;background:var(--showcase-bg);border:1px solid var(--showcase-border);border-radius:12px;padding:16px}.mock-chart-title{font-size:14px;font-weight:600;color:var(--showcase-text);margin:0 0 16px}.mock-bar-chart{display:flex;align-items:flex-end;justify-content:space-around;flex:1;gap:8px;padding-top:16px}.mock-bar-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;height:100%}.mock-bar{width:100%;max-width:32px;background:linear-gradient(180deg,var(--showcase-primary),var(--showcase-secondary));border-radius:6px 6px 0 0;animation:barGrow .6s ease-out forwards;transform-origin:bottom}@keyframes barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.mock-bar-label{font-size:10px;color:var(--showcase-muted);font-weight:500}.mock-calendar{flex-direction:row;gap:16px}.mock-calendar-wrapper{flex:1.2;display:flex;flex-direction:column;background:var(--showcase-bg);border:1px solid var(--showcase-border);border-radius:12px;padding:16px}.mock-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.mock-calendar-nav{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--showcase-surface);border:1px solid var(--showcase-border);border-radius:8px;color:var(--showcase-text);cursor:pointer;transition:all .2s ease}.mock-calendar-nav:hover{background:var(--showcase-primary);color:#fff;border-color:var(--showcase-primary)}.mock-calendar-month{font-size:14px;font-weight:600;color:var(--showcase-text);margin:0;text-transform:capitalize}.mock-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.mock-calendar-day-name{font-size:10px;font-weight:600;color:var(--showcase-muted);text-align:center;padding:8px 0;text-transform:capitalize}.mock-calendar-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--showcase-text);border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.mock-calendar-cell:hover{background:#7b4fd11a}.mock-calendar-cell.other-month{color:var(--showcase-muted);opacity:.5}.mock-calendar-cell.today{background:#7b4fd126;font-weight:600}.mock-calendar-cell.selected{background:var(--showcase-primary);color:#fff;font-weight:600}.mock-calendar-cell.has-content{color:var(--showcase-primary);font-weight:600}.mock-calendar-cell.has-content:not(.selected){border:2px solid var(--showcase-primary)}.mock-content-dot{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--showcase-primary);border-radius:50%}.mock-calendar-cell.selected .mock-content-dot{background:#fff}.mock-calendar-info{flex:.8;display:flex;flex-direction:column;background:var(--showcase-bg);border:1px solid var(--showcase-border);border-radius:12px;padding:16px}.mock-info-title{font-size:16px;font-weight:600;color:var(--showcase-text);margin:0 0 16px}.mock-content-card{display:flex;flex-direction:column;gap:8px;padding:14px;background:var(--showcase-surface);border:1px solid var(--showcase-border);border-radius:10px}.mock-content-badge{display:inline-flex;align-self:flex-start;padding:4px 10px;background:linear-gradient(135deg,var(--showcase-primary),var(--showcase-secondary));color:#fff;font-size:10px;font-weight:600;border-radius:6px}.mock-content-title{font-size:14px;font-weight:500;color:var(--showcase-text)}.mock-no-content{font-size:13px;color:var(--showcase-muted);margin:0}.mock-create-content{gap:12px;overflow:hidden;max-height:100%}.mock-content-tabs{display:flex;gap:8px;padding:4px;background:var(--showcase-bg);border:1px solid var(--showcase-border);border-radius:12px}.mock-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:transparent;border:none;border-radius:8px;color:var(--showcase-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.mock-tab:hover{color:var(--showcase-text);background:#7b4fd11a}.mock-tab.active{background:var(--showcase-primary);color:#fff}.mock-section-title{font-size:14px;font-weight:600;color:var(--showcase-text);margin:0}.mock-scenarios-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;flex:1}.mock-scenario-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--showcase-bg);border:2px solid var(--showcase-border);border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.mock-scenario-card:hover{border-color:var(--showcase-primary);transform:translateY(-2px)}.mock-scenario-card.selected{border-color:var(--showcase-primary);background:#7b4fd11a}.mock-scenario-icon{font-size:24px}.mock-scenario-info{display:flex;flex-direction:column;gap:2px;flex:1}.mock-scenario-title{font-size:13px;font-weight:600;color:var(--showcase-text)}.mock-scenario-desc{font-size:11px;color:var(--showcase-muted)}.mock-scenario-check{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--showcase-primary);color:#fff;border-radius:50%}.mock-scenarios-container{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;max-height:100%;overflow:hidden}.mock-scenarios-header{flex-shrink:0}.mock-scenarios-title{font-size:14px;font-weight:600;color:var(--showcase-text);margin:0 0 4px}.mock-scenarios-subtitle{font-size:12px;color:var(--showcase-muted);margin:0}.mock-scenarios-scroll{display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;padding-right:6px;padding-bottom:4px}.mock-scenarios-scroll::-webkit-scrollbar{width:6px}.mock-scenarios-scroll::-webkit-scrollbar-track{background:#7b4fd10d;border-radius:3px}.mock-scenarios-scroll::-webkit-scrollbar-thumb{background:var(--showcase-primary);border-radius:3px}.mock-scenarios-scroll::-webkit-scrollbar-thumb:hover{background:var(--showcase-secondary)}.mock-scenario-card-new{display:flex;flex-direction:column;background:var(--showcase-bg);border:2px solid var(--showcase-border);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative;flex-shrink:0}.mock-scenario-card-new:hover{border-color:var(--showcase-primary);transform:translateY(-2px);box-shadow:0 8px 24px var(--showcase-shadow)}.mock-scenario-card-new.selected{border-color:var(--showcase-primary);box-shadow:0 0 0 3px #7b4fd133}.mock-scenario-image{width:100%;height:60px;position:relative;overflow:hidden;background:linear-gradient(135deg,#7b4fd11a,#9d7df01a)}.mock-scenario-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.mock-scenario-card-new:hover .mock-scenario-image img{transform:scale(1.05)}.mock-scenario-id{position:absolute;top:8px;left:8px;padding:4px 8px;background:#0f172ab3;color:#fff;font-size:10px;font-weight:600;border-radius:6px;letter-spacing:.05em}.mock-scenario-content{padding:10px;display:flex;flex-direction:column;gap:6px}.mock-scenario-name{font-size:12px;font-weight:600;color:var(--showcase-text);margin:0}.mock-scenario-description{font-size:11px;color:var(--showcase-muted);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mock-scenario-keywords{display:flex;flex-wrap:wrap;gap:4px}.mock-scenario-keyword{padding:3px 8px;font-size:9px;font-weight:500;border-radius:6px;background:linear-gradient(135deg,#1e40af26,#9333ea26);color:var(--showcase-text);border:1px solid rgba(147,51,234,.25)}.mock-scenario-platform{display:flex;align-items:center}.mock-scenario-platform span{font-size:10px;color:var(--showcase-muted);padding:4px 10px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:8px}.mock-scenario-selected-badge{position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--showcase-primary);color:#fff;border-radius:50%;box-shadow:0 2px 8px var(--showcase-glow)}.mock-mixer-preview{display:flex;flex-direction:column;gap:16px;flex:1;padding:16px;background:var(--showcase-bg);border:1px solid var(--showcase-border);border-radius:12px}.mock-mixer-option{display:flex;flex-direction:column;gap:8px}.mock-mixer-label{font-size:12px;font-weight:600;color:var(--showcase-muted)}.mock-mixer-select{padding:10px 14px;background:var(--showcase-surface);border:1px solid var(--showcase-border);border-radius:8px;font-size:13px;color:var(--showcase-text)}.mock-mixer-slider{padding:8px 0}.mock-slider-track{position:relative;height:6px;background:var(--showcase-border);border-radius:3px}.mock-slider-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--showcase-primary),var(--showcase-secondary));border-radius:3px}.mock-slider-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:var(--showcase-primary);border:3px solid white;border-radius:50%;box-shadow:0 2px 8px var(--showcase-shadow)}.mock-generate-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;background:linear-gradient(135deg,var(--showcase-primary),var(--showcase-secondary));border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.mock-generate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--showcase-glow)}.mock-mixer-layout{display:flex;gap:16px;flex:1;min-height:0;overflow:hidden}.mock-mixer-categories{flex:1;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.mock-mixer-row{background:var(--showcase-bg);border:1px solid var(--showcase-border);border-radius:12px;padding:12px}.mock-mixer-row-title{display:block;font-size:13px;font-weight:600;color:var(--showcase-text);margin-bottom:10px}.mock-mixer-images{display:flex;gap:8px;flex-wrap:wrap}.mock-mixer-add-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:2px dashed var(--showcase-border);border-radius:10px;color:var(--showcase-muted);cursor:pointer;transition:all .2s ease}.mock-mixer-add-btn:hover{border-color:var(--showcase-primary);color:var(--showcase-primary);background:#7b4fd11a}.mock-mixer-image{width:48px;height:48px;border-radius:10px;overflow:hidden;cursor:pointer;border:2px solid var(--showcase-border);transition:all .2s ease;position:relative}.mock-mixer-image img{width:100%;height:100%;object-fit:cover}.mock-mixer-image:hover{border-color:var(--showcase-primary);transform:scale(1.05)}.mock-mixer-image.selected{border-color:var(--showcase-primary);box-shadow:0 0 0 2px var(--showcase-primary)}.mock-mixer-image-check{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#7b4fd180;color:#fff}.mock-mixer-selected{width:120px;flex-shrink:0;display:flex;flex-direction:column;gap:10px;background:var(--showcase-bg);border:1px solid var(--showcase-border);border-radius:12px;padding:12px}.mock-mixer-selected-title{font-size:12px;font-weight:600;color:var(--showcase-text);text-align:center}.mock-mixer-slots{display:flex;flex-direction:column;gap:8px}.mock-mixer-slot{width:100%;aspect-ratio:1;border:2px solid var(--showcase-border);border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--showcase-surface)}.mock-mixer-slot.filled{border-color:var(--showcase-primary)}.mock-mixer-slot img{width:100%;height:100%;object-fit:cover}.mock-mixer-slot-empty{font-size:10px;color:var(--showcase-muted)}.mock-mixer-slot-remove{position:absolute;top:4px;right:4px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#ef4444e6;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:transform .2s ease}.mock-mixer-slot-remove:hover{transform:scale(1.1)}.mock-mixer-merge-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:linear-gradient(135deg,var(--showcase-primary),var(--showcase-secondary));border:none;border-radius:10px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:auto}.mock-mixer-merge-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--showcase-glow)}@media(max-width:768px){.mock-panel{min-height:400px;padding:16px}.mock-stats-grid{grid-template-columns:1fr}.mock-calendar{flex-direction:column}.mock-scenarios-grid{grid-template-columns:1fr}.mock-quick-actions{flex-wrap:wrap}.mock-stats-row{flex-wrap:wrap;justify-content:center}}@media(max-width:640px){.showcase-panel-wrapper{padding:16px}.mock-panel{min-height:350px;padding:14px}.mock-home-title{font-size:20px}.mock-action-card{padding:12px 14px}.mock-action-icon{width:36px;height:36px}}:root{--homepage-bg: #fafafa;--homepage-primary: #5e3698;--homepage-secondary: #8f6ed5;--homepage-accent: #bfa6f2;--homepage-glow: rgba(94, 54, 152, .4);--homepage-mesh-1: rgba(94, 54, 152, .08);--homepage-mesh-2: rgba(143, 110, 213, .06);--homepage-mesh-3: rgba(191, 166, 242, .05);--homepage-grid-color: rgba(94, 54, 152, .04)}:is([data-theme=dark],.dark){--homepage-bg: #050505;--homepage-primary: #7b4fd1;--homepage-secondary: #9d7df0;--homepage-accent: #c5aeff;--homepage-glow: rgba(123, 79, 209, .5);--homepage-mesh-1: rgba(123, 79, 209, .15);--homepage-mesh-2: rgba(157, 125, 240, .1);--homepage-mesh-3: rgba(197, 174, 255, .08);--homepage-grid-color: rgba(123, 79, 209, .06)}.home-page-container{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--homepage-bg);position:relative;overflow-x:hidden}.home-page-container:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 10% 20%,var(--homepage-mesh-1),transparent 50%),radial-gradient(ellipse 70% 50% at 90% 15%,var(--homepage-mesh-2),transparent 45%),radial-gradient(ellipse 60% 70% at 5% 60%,var(--homepage-mesh-3),transparent 50%),radial-gradient(ellipse 90% 80% at 50% 50%,var(--homepage-mesh-1),transparent 55%),radial-gradient(ellipse 80% 60% at 85% 80%,var(--homepage-mesh-2),transparent 50%),radial-gradient(ellipse 70% 50% at 40% 90%,var(--homepage-mesh-3),transparent 45%);pointer-events:none;z-index:0}.home-page-container:after{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--homepage-grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--homepage-grid-color) 1px,transparent 1px);background-size:40px 40px;opacity:.6;pointer-events:none;z-index:0;animation:homeGridPulse 12s ease-in-out infinite}@keyframes homeGridPulse{0%,to{opacity:.4}50%{opacity:.7}}.home-page-orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;opacity:.7}.home-page-orb-1{width:500px;height:500px;background:radial-gradient(circle,var(--homepage-primary),transparent 70%);top:-10%;right:-5%;opacity:.25;animation:orbFloat1 20s ease-in-out infinite}.home-page-orb-2{width:450px;height:450px;background:radial-gradient(circle,var(--homepage-secondary),transparent 70%);bottom:10%;left:-10%;opacity:.2;animation:orbFloat2 25s ease-in-out infinite}.home-page-orb-3{width:350px;height:350px;background:radial-gradient(circle,var(--homepage-accent),transparent 70%);top:40%;left:20%;opacity:.15;animation:orbFloat3 18s ease-in-out infinite}.home-page-orb-4{width:300px;height:300px;background:radial-gradient(circle,var(--homepage-primary),transparent 70%);bottom:30%;right:10%;opacity:.18;animation:orbFloat4 22s ease-in-out infinite}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-30px,40px) scale(1.05)}50%{transform:translate(20px,-20px) scale(.95)}75%{transform:translate(-10px,30px) scale(1.02)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.08)}66%{transform:translate(-20px,20px) scale(.92)}}@keyframes orbFloat3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,-40px) scale(1.1)}}@keyframes orbFloat4{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-25px,-35px) scale(1.03)}75%{transform:translate(30px,25px) scale(.97)}}.home-page-main{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.home-page-main>.hero-section{width:100%;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.home-page-orb-3,.home-page-orb-4{display:none}.home-page-orb-1{width:300px;height:300px;top:-5%;right:-10%}.home-page-orb-2{width:280px;height:280px;bottom:5%;left:-15%}.home-page-container:after{background-size:30px 30px}}@media(max-width:480px){.home-page-orb-1{width:200px;height:200px}.home-page-orb-2{width:180px;height:180px}}@media(prefers-reduced-motion:reduce){.home-page-orb{animation:none}.home-page-container:before,.home-page-container:after{animation:none}.home-page-container:after{opacity:.5}}.home-page-main>section{position:relative}.home-page-main>section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;max-width:600px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--homepage-primary) 20%,transparent),color-mix(in srgb,var(--homepage-secondary) 30%,transparent),color-mix(in srgb,var(--homepage-primary) 20%,transparent),transparent);opacity:.5}.home-page-main>section:first-child:before{display:none}:root{--faq-bg: transparent;--faq-card-bg: rgba(255, 255, 255, .7);--faq-border: rgba(94, 54, 152, .12);--faq-text: #1a1a2e;--faq-text-muted: rgba(26, 26, 46, .65);--faq-primary: #5e3698;--faq-secondary: #8f6ed5;--faq-accent: #bfa6f2}:is([data-theme=dark],.dark){--faq-bg: transparent;--faq-card-bg: rgba(17, 17, 17, .7);--faq-border: rgba(123, 79, 209, .2);--faq-text: #f5f5f7;--faq-text-muted: rgba(245, 245, 247, .6);--faq-primary: #7b4fd1;--faq-secondary: #9d7df0;--faq-accent: #c5aeff}.faq-section{width:100%;padding:5rem 1.5rem 6rem;background:transparent;position:relative}.faq-container{max-width:800px;margin:0 auto;position:relative;z-index:1}.faq-header{text-align:center;margin-bottom:3rem}.faq-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--faq-primary);background:var(--faq-card-bg);border:1px solid var(--faq-border);border-radius:9999px;margin-bottom:1rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 15px color-mix(in srgb,var(--faq-primary) 10%,transparent),inset 0 1px #ffffff1a}.faq-title{font-size:2.25rem;font-weight:600;letter-spacing:-.03em;color:var(--faq-text);margin:0 0 .75rem;line-height:1.2}.faq-subtitle{font-size:1.125rem;color:var(--faq-text-muted);margin:0;line-height:1.6}.faq-tabs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.faq-tab{padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;color:var(--faq-text-muted);background:var(--faq-card-bg);border:1px solid var(--faq-border);border-radius:12px;cursor:pointer;transition:all .25s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.faq-tab:hover{color:var(--faq-primary);border-color:color-mix(in srgb,var(--faq-primary) 40%,transparent);box-shadow:0 4px 12px color-mix(in srgb,var(--faq-primary) 15%,transparent)}.faq-tab--active{color:#fff;background:linear-gradient(135deg,var(--faq-primary),var(--faq-secondary));border-color:transparent;box-shadow:0 4px 15px color-mix(in srgb,var(--faq-primary) 35%,transparent)}.faq-tab--active:hover{color:#fff;box-shadow:0 6px 20px color-mix(in srgb,var(--faq-primary) 45%,transparent)}.faq-list{display:flex;flex-direction:column;gap:.75rem}.faq-item{background:var(--faq-card-bg);border:1px solid var(--faq-border);border-radius:16px;overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 15px #0000000a,inset 0 1px #ffffff14;transition:all .3s cubic-bezier(.4,0,.2,1)}:is([data-theme=dark],.dark) .faq-item{box-shadow:0 4px 15px #0003,inset 0 1px #ffffff0a}.faq-item:hover{border-color:color-mix(in srgb,var(--faq-primary) 30%,var(--faq-border));transform:translateY(-2px);box-shadow:0 8px 25px color-mix(in srgb,var(--faq-primary) 12%,transparent)}.faq-item--open{border-color:color-mix(in srgb,var(--faq-primary) 50%,transparent);box-shadow:0 12px 35px color-mix(in srgb,var(--faq-primary) 18%,transparent)}:is([data-theme=dark],.dark) .faq-item--open{box-shadow:0 12px 35px color-mix(in srgb,var(--faq-primary) 25%,transparent)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;font-family:inherit;font-size:1.0625rem;font-weight:600;color:var(--faq-text);background:transparent;border:none;cursor:pointer;text-align:left;transition:color .2s ease}.faq-question:hover{color:var(--faq-primary)}.faq-question-text{flex:1}.faq-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--faq-primary);background:color-mix(in srgb,var(--faq-primary) 12%,transparent);border-radius:10px;transition:all .25s ease}.faq-item--open .faq-icon{background:linear-gradient(135deg,var(--faq-primary),var(--faq-secondary));color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--faq-primary) 30%,transparent)}.faq-answer-wrapper{overflow:hidden}.faq-answer{padding:0 1.5rem 1.25rem;padding-top:0;font-size:1rem;line-height:1.7;color:var(--faq-text-muted);border-top:1px solid transparent}.faq-item--open .faq-answer{padding-top:.25rem}@media(max-width:768px){.faq-section{padding:3rem 1rem 4rem}.faq-tabs{gap:.375rem;margin-bottom:1.5rem}.faq-tab{padding:.5rem 1rem;font-size:.875rem}.faq-title{font-size:1.75rem}.faq-subtitle{font-size:1rem}.faq-question{padding:1rem 1.25rem;font-size:1rem}.faq-answer{padding:0 1.25rem 1rem;font-size:.9375rem}.faq-icon{width:32px;height:32px}}@media(prefers-reduced-motion:reduce){.faq-item,.faq-tab,.faq-icon{transition:none}}:root{--contact-bg: #fafafa;--contact-text: #1a1a2e;--contact-text-muted: rgba(26, 26, 46, .65);--contact-primary: #5e3698;--contact-secondary: #8f6ed5;--contact-accent: #bfa6f2;--contact-glow: rgba(94, 54, 152, .4);--contact-card-bg: rgba(255, 255, 255, .7);--contact-border: rgba(94, 54, 152, .12);--contact-success: #10b981}:is([data-theme=dark],.dark){--contact-bg: #050505;--contact-text: #f5f5f7;--contact-text-muted: rgba(245, 245, 247, .6);--contact-primary: #7b4fd1;--contact-secondary: #9d7df0;--contact-accent: #c5aeff;--contact-glow: rgba(123, 79, 209, .5);--contact-card-bg: rgba(17, 17, 17, .7);--contact-border: rgba(123, 79, 209, .2);--contact-success: #34d399}.contact-page{width:100%;min-height:100vh;background-color:var(--contact-bg);position:relative;overflow-x:hidden}@media(max-width:768px){.contact-page{overflow-y:auto}}.contact-page:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 10% 20%,color-mix(in srgb,var(--contact-primary) 12%,transparent),transparent 50%),radial-gradient(ellipse 70% 50% at 90% 15%,color-mix(in srgb,var(--contact-secondary) 10%,transparent),transparent 45%),radial-gradient(ellipse 90% 80% at 50% 50%,color-mix(in srgb,var(--contact-primary) 8%,transparent),transparent 55%),radial-gradient(ellipse 80% 60% at 85% 80%,color-mix(in srgb,var(--contact-secondary) 10%,transparent),transparent 50%);pointer-events:none;z-index:0}.contact-page:after{content:"";position:fixed;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--contact-primary) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--contact-primary) 4%,transparent) 1px,transparent 1px);background-size:40px 40px;opacity:.5;pointer-events:none;z-index:0;animation:contactGridPulse 12s ease-in-out infinite}@keyframes contactGridPulse{0%,to{opacity:.4}50%{opacity:.6}}.contact-orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;opacity:.7}.contact-orb-1{width:400px;height:400px;background:radial-gradient(circle,var(--contact-primary),transparent 70%);top:-5%;right:-5%;opacity:.2;animation:contactOrbFloat1 20s ease-in-out infinite}.contact-orb-2{width:350px;height:350px;background:radial-gradient(circle,var(--contact-secondary),transparent 70%);bottom:10%;left:-10%;opacity:.18;animation:contactOrbFloat2 25s ease-in-out infinite}@keyframes contactOrbFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,40px) scale(1.05)}}@keyframes contactOrbFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.08)}}.contact-main{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:0 24px}.contact-hero{padding:120px 0 48px;position:relative;z-index:1}.contact-hero__inner{max-width:720px}.contact-hero .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--contact-card-bg);border:1px solid var(--contact-border);border-radius:100px;font-size:.8125rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--contact-primary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 15px color-mix(in srgb,var(--contact-primary) 15%,transparent)}.contact-hero__title{font-size:clamp(32px,5vw,48px);font-weight:600;line-height:1.15;margin:20px 0 16px;letter-spacing:-.02em;background:linear-gradient(135deg,var(--contact-primary),var(--contact-secondary),var(--contact-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:contactGradient 4s ease infinite}@keyframes contactGradient{0%,to{background-position:0% center}50%{background-position:100% center}}.contact-hero__subtitle{color:var(--contact-text-muted);font-size:17px;line-height:1.6}.contact-form-section{padding-bottom:100px;display:grid;gap:32px;max-width:720px;position:relative;z-index:1}.contact-form-wrapper{padding:40px;border-radius:24px;border:1px solid var(--contact-border);background:var(--contact-card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px color-mix(in srgb,var(--contact-primary) 10%,transparent),inset 0 1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1)}:is([data-theme=dark],.dark) .contact-form-wrapper{box-shadow:0 8px 32px color-mix(in srgb,var(--contact-primary) 18%,transparent),inset 0 1px #ffffff0d}.contact-form-wrapper:hover{border-color:color-mix(in srgb,var(--contact-primary) 25%,transparent);box-shadow:0 16px 48px color-mix(in srgb,var(--contact-primary) 15%,transparent),inset 0 1px #ffffff26;transform:translateY(-4px)}.contact-form__header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.contact-form__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,var(--contact-primary),var(--contact-secondary));color:#fff;box-shadow:0 6px 20px var(--contact-glow)}.contact-form__title{font-size:24px;font-weight:700;color:var(--contact-text);margin:0}.contact-form{display:flex;flex-direction:column;gap:24px}.contact-form__two-cols{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:640px){.contact-form__two-cols{grid-template-columns:1fr 1fr}}.contact-form__row{display:flex;flex-direction:column;gap:10px}.contact-form__label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--contact-text)}.contact-form__label svg{color:var(--contact-primary);flex-shrink:0}.contact-form__input{width:100%;padding:14px 18px;font-size:15px;border:1px solid var(--contact-border);border-radius:14px;background:color-mix(in srgb,var(--contact-card-bg) 80%,transparent);color:var(--contact-text);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s ease}.contact-form__input::placeholder{color:var(--contact-text-muted)}.contact-form__input:focus{outline:none;border-color:var(--contact-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--contact-primary) 15%,transparent)}.contact-form__textarea{resize:vertical;min-height:140px}.contact-form__success{padding:14px 18px;border-radius:12px;background:color-mix(in srgb,var(--contact-success) 15%,transparent);border:1px solid color-mix(in srgb,var(--contact-success) 30%,transparent);color:var(--contact-success);font-size:14px;font-weight:500}.contact-form__error{padding:14px 18px;border-radius:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;font-size:14px}.contact-form__submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;font-size:15px;font-weight:600;border-radius:14px;border:none;background:linear-gradient(135deg,var(--contact-primary),var(--contact-secondary));color:#fff;cursor:pointer;box-shadow:0 4px 20px var(--contact-glow);transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:8px}.contact-form__submit:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 30px var(--contact-glow)}.contact-form__submit:disabled{opacity:.7;cursor:not-allowed}.contact-info{position:relative;padding:32px;border-radius:24px;border:1px solid var(--contact-border);background:var(--contact-card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden;box-shadow:0 8px 32px color-mix(in srgb,var(--contact-primary) 10%,transparent),inset 0 1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1)}.contact-info:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--contact-primary),var(--contact-secondary),var(--contact-accent));border-radius:4px 0 0 4px}.contact-info:hover{border-color:color-mix(in srgb,var(--contact-primary) 30%,transparent);box-shadow:0 16px 48px color-mix(in srgb,var(--contact-primary) 18%,transparent),inset 0 1px #ffffff26;transform:translateY(-4px)}.contact-info__header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.contact-info__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,var(--contact-primary),var(--contact-secondary));color:#fff;flex-shrink:0;box-shadow:0 6px 20px var(--contact-glow)}.contact-info__title{font-size:22px;font-weight:700;color:var(--contact-text);margin:0;letter-spacing:-.02em}.contact-info__phone{display:inline-flex;align-items:center;gap:12px;margin-bottom:20px;padding:16px 24px;border-radius:14px;background:color-mix(in srgb,var(--contact-primary) 10%,transparent);border:1px solid var(--contact-border);color:var(--contact-primary);font-size:17px;font-weight:600;text-decoration:none;transition:all .3s ease}.contact-info__phone:hover{background:linear-gradient(135deg,var(--contact-primary),var(--contact-secondary));color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 8px 30px var(--contact-glow)}.contact-info__text{font-size:14px;line-height:1.7;color:var(--contact-text-muted);margin:0}@media(max-width:768px){.contact-hero{padding:100px 0 32px}.contact-form-wrapper{padding:28px}.contact-orb-1,.contact-orb-2{display:none}}@media(prefers-reduced-motion:reduce){.contact-page:after,.contact-orb{animation:none}.contact-form-wrapper,.contact-info,.contact-form__submit,.contact-info__phone{transition:none}}.contact-widget{position:fixed;bottom:24px;right:24px;z-index:9999}.contact-widget__trigger{width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--contact-primary, #5e3698),var(--contact-secondary, #8f6ed5));color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px var(--contact-glow, rgba(94, 54, 152, .4));transition:transform .2s,box-shadow .2s}.contact-widget__trigger:hover{transform:scale(1.08);box-shadow:0 6px 28px var(--contact-glow, rgba(94, 54, 152, .5))}.contact-widget__phone{position:absolute;bottom:72px;right:0;width:380px;max-height:min(85vh,640px);background:var(--contact-card-bg, rgba(255, 255, 255, .95));border:3px solid var(--contact-border, rgba(94, 54, 152, .12));border-radius:32px;box-shadow:0 25px 60px #0003,inset 0 0 0 8px #00000008;overflow:hidden;display:flex;flex-direction:column}:is([data-theme=dark],.dark) .contact-widget__phone{background:var(--contact-card-bg, rgba(17, 17, 17, .95));border-color:color-mix(in srgb,var(--contact-primary) 30%,transparent);box-shadow:0 25px 60px #00000080,inset 0 0 0 8px #ffffff05}.contact-widget__notch{width:100px;height:24px;background:var(--contact-text, #1a1a2e);border-radius:0 0 20px 20px;position:absolute;top:0;left:50%;transform:translate(-50%);z-index:1}:is([data-theme=dark],.dark) .contact-widget__notch{background:var(--contact-text, #1a1a2e)}.contact-widget__close{position:absolute;top:12px;right:16px;width:36px;height:36px;border:none;border-radius:50%;background:color-mix(in srgb,var(--contact-primary) 15%,transparent);color:var(--contact-text);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:background .2s}.contact-widget__close:hover{background:color-mix(in srgb,var(--contact-primary) 25%,transparent)}.contact-widget__content{flex:1;overflow-y:auto;padding:48px 20px 24px;display:flex;flex-direction:column;gap:20px}.contact-widget__header{display:flex;align-items:center;gap:12px;margin-bottom:4px}.contact-widget__icon{width:40px!important;height:40px!important}.contact-widget__icon svg{width:20px;height:20px}.contact-widget__title{font-size:18px;font-weight:700;color:var(--contact-text);margin:0}.contact-widget__form{gap:16px!important}.contact-widget__form .contact-form__input{padding:10px 14px;font-size:14px}.contact-widget__form .contact-form__textarea{min-height:80px}.contact-widget__form .contact-form__submit{padding:12px 24px;font-size:14px}.contact-widget__info{margin-top:8px;padding-top:20px;border-top:1px solid var(--contact-border)}.contact-widget__info-header{margin-bottom:16px!important}.contact-widget__info-icon{width:40px!important;height:40px!important}.contact-widget__info-icon svg{width:18px;height:18px}.contact-widget__info-title{font-size:16px!important}.contact-widget__info-phone{padding:12px 16px!important;font-size:14px!important;margin-bottom:12px!important}.contact-widget__info-text{font-size:13px!important;line-height:1.5!important}@media(max-width:420px){.contact-widget{right:16px;bottom:16px}.contact-widget__phone{width:calc(100vw - 32px);right:-8px;max-height:80vh}}.auth-container{width:100%;min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--background)}.auth-container--login{height:100vh;min-height:100vh}.auth-container--signup{padding:2.5rem 1rem}@media(max-width:640px){.auth-container--signup{overflow-y:auto}}.auth-container--signup::-webkit-scrollbar{width:8px}.auth-container--signup::-webkit-scrollbar-track{background:transparent}.auth-container--signup::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--panel-primary) 40%,transparent);border-radius:4px;transition:background var(--panel-transition-smooth)}.auth-container--signup::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--panel-primary) 60%,transparent)}.auth-container--signup{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--panel-primary) 40%,transparent) transparent}.auth-bg-shape{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px);animation:panel-float 20s ease-in-out infinite}.auth-bg-shape--primary{top:-150px;left:-100px;width:500px;height:500px;background:radial-gradient(circle,color-mix(in srgb,var(--panel-primary) 30%,transparent),transparent 70%);animation-delay:0s}.auth-bg-shape--accent{bottom:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,color-mix(in srgb,var(--panel-secondary) 25%,transparent),transparent 70%);animation-delay:-10s}.auth-bg-shape--tertiary{top:50%;left:50%;transform:translate(-50%,-50%);width:350px;height:350px;background:radial-gradient(circle,color-mix(in srgb,var(--panel-accent) 20%,transparent),transparent 70%);animation-delay:-5s}.auth-card{position:relative;display:flex;flex-direction:column;width:100%;padding:3rem;border-radius:var(--panel-radius-xl);background:var(--panel-glass-bg);backdrop-filter:blur(var(--panel-glass-blur));-webkit-backdrop-filter:blur(var(--panel-glass-blur));border:var(--panel-border-md);color:var(--foreground);box-shadow:var(--panel-shadow-lg),inset 0 1px #ffffff1a;z-index:1;overflow:hidden}.auth-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--panel-primary),var(--panel-secondary),var(--panel-accent));border-radius:inherit;opacity:0;z-index:-1;filter:blur(20px);transition:opacity var(--panel-transition-smooth)}.auth-card:hover:before{opacity:.1}.auth-card--login{max-width:30rem;animation:panel-scale-in .5s ease}.auth-card--signup{max-width:45rem;margin-top:2rem;animation:panel-scale-in .5s ease}.auth-title{font-size:clamp(2rem,4vw,2.5rem);font-weight:800;text-align:center;margin-bottom:2.5rem;background:linear-gradient(135deg,var(--panel-primary),var(--panel-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;animation:panel-fade-in .6s ease}.auth-title:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--panel-primary),var(--panel-secondary));border-radius:2px;box-shadow:var(--panel-glow-sm)}.auth-error{margin-bottom:1.5rem;padding:1rem;border-radius:var(--panel-radius-md);font-size:.875rem;background:color-mix(in srgb,#ef4444 10%,transparent);color:#ef4444;border:1px solid color-mix(in srgb,#ef4444 30%,transparent);display:flex;align-items:center;gap:.75rem;animation:panel-fade-in .3s ease}.auth-error:before{content:"⚠";font-size:1.25rem}.auth-form{display:flex;flex-direction:column;gap:1.75rem}.auth-form--signup{gap:1.25rem}.auth-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}@media(max-width:640px){.auth-form-row{grid-template-columns:1fr}}.auth-field{display:flex;flex-direction:column;animation:panel-fade-in .5s ease;animation-fill-mode:both}.auth-field:nth-child(1){animation-delay:.1s}.auth-field:nth-child(2){animation-delay:.15s}.auth-field:nth-child(3){animation-delay:.2s}.auth-field:nth-child(4){animation-delay:.25s}.auth-label{margin-bottom:.625rem;font-weight:600;color:var(--foreground);font-size:.875rem;display:flex;align-items:center;gap:.5rem}.auth-input{padding:1rem 1.25rem;border-radius:var(--panel-radius-md);border:var(--panel-border-sm);background:var(--card);color:var(--foreground);font-size:1rem;transition:all var(--panel-transition-smooth);position:relative}.auth-input::placeholder{color:var(--muted-foreground);opacity:.6}.auth-input:focus{outline:none;border-color:var(--panel-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--panel-primary) 15%,transparent),var(--panel-glow-sm);transform:translateY(-1px)}.auth-input--error{border-color:#ef4444!important;background:color-mix(in srgb,#ef4444 5%,var(--card))}.auth-input--error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px color-mix(in srgb,#ef4444 15%,transparent)!important}.auth-textarea{resize:none;min-height:100px}.auth-field-error{margin-top:.5rem;font-size:.75rem;color:#ef4444;display:flex;align-items:center;gap:.375rem;animation:panel-fade-in .2s ease}.auth-field-error:before{content:"•"}.auth-submit{margin-top:1rem;padding:1rem 1.5rem;border-radius:var(--panel-radius-md);border:none;background:linear-gradient(135deg,var(--panel-primary),var(--panel-primary-hover));color:var(--primary-foreground);font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all var(--panel-transition-smooth);box-shadow:0 10px 20px color-mix(in srgb,var(--panel-primary) 30%,transparent),var(--panel-glow-md);position:relative;overflow:hidden}.auth-submit:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .6s ease}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 30px color-mix(in srgb,var(--panel-primary) 40%,transparent),var(--panel-glow-lg)}.auth-submit:hover:not(:disabled):before{transform:translate(100%)}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-footer{text-align:center;margin-top:1.5rem;color:var(--muted-foreground);font-size:.875rem;animation:panel-fade-in .7s ease}.auth-footer-link{color:var(--panel-primary);text-decoration:none;font-weight:600;transition:all var(--panel-transition-smooth);position:relative}.auth-footer-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--panel-primary),var(--panel-secondary));transition:width var(--panel-transition-smooth)}.auth-footer-link:hover{color:var(--panel-secondary)}.auth-footer-link:hover:after{width:100%}.auth-submit .spinner{animation:spin 1s linear infinite}@media(max-width:640px){.auth-card{padding:2rem 1.5rem;border-radius:var(--panel-radius-lg);margin:1rem}.auth-title{font-size:1.875rem;margin-bottom:2rem}.auth-input{padding:.875rem 1rem}.auth-submit{padding:.875rem 1.25rem}.auth-bg-shape{filter:blur(60px)}.auth-bg-shape--primary{width:350px;height:350px}.auth-bg-shape--accent{width:300px;height:300px}.auth-bg-shape--tertiary{width:250px;height:250px}}@media(prefers-reduced-motion:reduce){.auth-card,.auth-field,.auth-title,.auth-footer,.auth-bg-shape{animation:none}.auth-input:focus{transform:none}.auth-submit:hover:not(:disabled){transform:none}}.auth-input:focus-visible,.auth-submit:focus-visible,.auth-footer-link:focus-visible{outline:2px solid var(--panel-primary);outline-offset:2px}.profile-button{width:100%;height:2.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:0 .5rem;border-radius:.75rem;border:1px solid color-mix(in srgb,var(--primary) 15%,transparent);background-color:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--muted-foreground);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.profile-button:hover,.profile-button--open{border-color:var(--primary);color:var(--primary);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 20%,transparent)}.profile-avatar{position:relative}.profile-avatar__image{width:1.5rem;height:1.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.625rem;background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 40%,transparent)}.profile-avatar__image--large{width:4rem;height:4rem;border-radius:1rem;font-weight:700;font-size:1.125rem;box-shadow:0 4px 16px #5e36984d}.profile-avatar__status{position:absolute;bottom:-2px;right:-2px;width:.625rem;height:.625rem;border-radius:9999px;background-color:#10b981;border:2px solid var(--card);box-shadow:0 2px 4px #10b98166}.profile-avatar__status--large{bottom:-4px;right:-4px;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #10b98166}.profile-chevron{color:var(--muted-foreground);transition:transform .2s ease}.profile-button:hover .profile-chevron{color:var(--primary)}.profile-chevron--open{transform:rotate(180deg)}.profile-dropdown-wrapper{position:relative;z-index:9900;width:100%;height:100%}.profile-overlay{position:fixed;inset:0;z-index:9998;background-color:#0000000d}:is([data-theme=dark],.dark) .profile-overlay{background-color:#0003}.profile-dropdown{width:24rem;border-radius:1rem;border:1px solid var(--border);background-color:var(--card);box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000001a;z-index:9999;overflow:hidden}.profile-dropdown--right{width:20rem}:is([data-theme=dark],.dark) .profile-dropdown{box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d}.profile-dropdown__header{position:relative;padding:1.5rem 1.5rem 2rem;overflow:hidden;background-color:var(--accent)}.profile-dropdown__header-gradient{position:absolute;inset:0;background:linear-gradient(135deg,rgba(94,54,152,.08) 0%,transparent 100%)}:is([data-theme=dark],.dark) .profile-dropdown__header-gradient{background:linear-gradient(135deg,rgba(123,79,209,.15) 0%,transparent 100%)}.profile-dropdown__header-decoration{position:absolute;top:0;right:0;width:8rem;height:8rem;border-radius:9999px;opacity:.1;background:radial-gradient(circle,var(--primary),transparent);transform:translate(30%,-30%)}.profile-dropdown__header-content{position:relative;display:flex;align-items:center;gap:1rem;z-index:10}.profile-user-info{flex:1;min-width:0}.profile-user-info__name{font-weight:700;font-size:1.125rem;margin-bottom:.25rem;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-user-info__email{font-size:.875rem;color:var(--muted-foreground);display:flex;align-items:center;gap:.375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-dropdown__body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.profile-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.profile-info-card{padding:.75rem;border-radius:.75rem;background-color:var(--accent)}.profile-info-card__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem}.profile-info-card__icon{color:var(--primary)}.profile-info-card__label{font-size:.75rem;font-weight:600;color:var(--muted-foreground)}.profile-info-card__value{font-size:.875rem;font-weight:700;color:var(--foreground)}.profile-company-card{padding:1rem;border-radius:.75rem;background-color:var(--accent)}.profile-company-card__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.profile-company-card__icon{color:var(--primary)}.profile-company-card__label{font-size:.75rem;font-weight:600;color:var(--muted-foreground)}.profile-company-card__value{font-size:.875rem;font-weight:700;color:var(--foreground)}.profile-divider{height:1px;background-color:var(--border);margin:.5rem 0}.profile-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.75rem 1.25rem;border-radius:.75rem;font-weight:600;font-size:.875rem;border:none;cursor:pointer;transition:all .2s ease}.profile-btn:hover{transform:translateY(-1px)}.profile-btn:active{transform:translateY(0)}.profile-btn--settings{background-color:var(--primary);color:#fff;box-shadow:0 4px 12px #5e36984d;margin-bottom:.5rem}.profile-btn--settings:hover{background-color:var(--primary-hover);box-shadow:0 6px 16px #5e36984d}.profile-btn--logout{background-color:#ef4444;color:#fff;box-shadow:0 4px 12px #ef44444d}.profile-btn--logout:hover{background-color:#dc2626;box-shadow:0 6px 16px #ef444466}@media(max-width:640px){.profile-dropdown{width:calc(100vw - 2rem);right:-1rem}}@media(prefers-reduced-motion:reduce){.profile-button,.profile-btn,.profile-chevron{transition:none}}body.modal-open,html.modal-open{overflow:hidden!important;height:100%!important;position:fixed!important;width:100%!important}:root{--settings-bg: #ffffff;--settings-card: #ffffff;--settings-text: #0a0a0a;--settings-text-muted: #6b7280;--settings-border: #e5e7eb;--settings-primary: #5e3698;--settings-primary-hover: #8f6ed5;--settings-accent: #f3f4f6;--settings-background: #fafafa;--settings-glow: rgba(94, 54, 152, .3)}:is([data-theme=dark],.dark){--settings-bg: #111111;--settings-card: #111111;--settings-text: #fafafa;--settings-text-muted: #9ca3af;--settings-border: #262626;--settings-primary: #7b4fd1;--settings-primary-hover: #9d7df0;--settings-accent: #1a1a1a;--settings-background: #0a0a0a;--settings-glow: rgba(123, 79, 209, .3)}.settings-overlay{position:fixed;inset:0;width:100vw;height:100vh;min-height:100%;z-index:9998;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#0009;cursor:pointer;overflow:hidden;touch-action:none}:is([data-theme=dark],.dark) .settings-overlay{background-color:#000c}.settings-modal-container{position:fixed;inset:0;width:100vw;height:100vh;min-height:100%;z-index:9999;overflow:hidden;touch-action:none;display:flex;align-items:center;justify-content:center;padding:1rem;pointer-events:none}.settings-modal{width:100%;max-width:64rem;max-height:85vh;border-radius:1rem;border:1px solid var(--settings-border);background-color:var(--settings-card);box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;pointer-events:auto;cursor:default}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--settings-border);flex-shrink:0}.settings-header__title{font-size:1.5rem;font-weight:700;color:var(--settings-text)}.settings-header__close{padding:.5rem;border-radius:.5rem;border:none;background:transparent;color:var(--settings-text-muted);cursor:pointer;transition:all .2s ease}.settings-header__close:hover{background-color:var(--settings-accent);color:var(--settings-text)}.settings-body{display:flex;flex:1;min-height:0;overflow:hidden}.settings-sidebar{width:16rem;border-right:1px solid var(--settings-border);flex-shrink:0;padding:1rem;display:flex;flex-direction:column;gap:.25rem;background-color:var(--settings-background)}.settings-nav-btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;border:none;background:transparent;font-size:.875rem;font-weight:500;color:var(--settings-text);cursor:pointer;transition:all .2s ease;text-align:left}.settings-nav-btn:hover{background-color:var(--settings-accent)}.settings-nav-btn--active{box-shadow:0 1px 3px #0000001a}.settings-nav-btn__icon{color:var(--settings-text-muted)}.settings-nav-btn--active .settings-nav-btn__icon{color:inherit}.settings-content{flex:1;overflow-y:auto;padding:1.5rem}.settings-content__title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--settings-text)}.settings-content__description{font-size:.875rem;margin-bottom:1rem;color:var(--settings-text-muted)}.settings-form-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}.settings-form-group{display:flex;flex-direction:column}.settings-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--settings-text-muted)}.settings-input{width:100%;padding:.75rem 1rem;border-radius:.75rem;border:1px solid var(--settings-border);background-color:var(--settings-background);color:var(--settings-text);font-size:.875rem;transition:all .2s ease}.settings-input:focus{outline:none;border-color:var(--settings-primary);box-shadow:0 0 0 3px var(--settings-glow)}.settings-input::placeholder{color:var(--settings-text-muted)}.settings-select{width:100%;padding:.625rem 1rem;border-radius:.5rem;border:1px solid var(--settings-border);background-color:var(--settings-background);color:var(--settings-text);font-size:.875rem;cursor:pointer;transition:all .2s ease}.settings-select:focus{outline:none;border-color:var(--settings-primary);box-shadow:0 0 0 3px var(--settings-glow)}.settings-toggle-card{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:.75rem;border:1px solid var(--settings-border);background-color:var(--settings-card);transition:all .2s ease}.settings-toggle-card:hover{box-shadow:0 4px 12px #00000014}:is([data-theme=dark],.dark) .settings-toggle-card:hover{box-shadow:0 4px 12px #0000004d}.settings-toggle-info{flex:1;min-width:0;padding-right:1rem}.settings-toggle-label{font-size:.875rem;font-weight:600;display:block;color:var(--settings-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-toggle-desc{font-size:.75rem;display:block;color:var(--settings-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-toggle{position:relative;display:inline-flex;height:1.5rem;width:2.75rem;flex-shrink:0;cursor:pointer;border-radius:9999px;border:2px solid transparent;transition:background-color .2s ease}.settings-toggle--active{background-color:var(--settings-primary)}.settings-toggle--inactive{background-color:var(--settings-text-muted)}.settings-toggle__knob{pointer-events:none;display:inline-block;height:1.25rem;width:1.25rem;transform:translate(0);border-radius:9999px;background-color:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.settings-toggle--active .settings-toggle__knob{transform:translate(1.25rem)}.settings-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.settings-theme-card{padding:1rem;border-radius:.75rem;border:1px solid var(--settings-border);background-color:var(--settings-card);text-align:center;cursor:pointer;transition:all .2s ease}.settings-theme-card:hover{border-color:var(--settings-primary)}.settings-theme-card--active{border-color:var(--settings-primary);box-shadow:0 0 0 2px var(--settings-glow)}.settings-theme-card__icon{margin:0 auto .5rem;color:var(--settings-text-muted)}.settings-theme-card--active .settings-theme-card__icon{color:var(--settings-primary)}.settings-theme-card__label{font-size:.875rem;font-weight:500;color:var(--settings-text)}.settings-section-card{padding:1rem;border-radius:.75rem;border:1px solid var(--settings-border);background-color:var(--settings-card)}.settings-section-card__label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:var(--settings-text)}.settings-footer{padding:1.5rem;border-top:1px solid var(--settings-border);display:flex;align-items:center;justify-content:flex-end;gap:1rem;flex-shrink:0}.settings-footer__feedback{font-size:.875rem;font-weight:500;color:#10b981}.settings-footer__error{font-size:.875rem;font-weight:500;color:#ef4444}.settings-save-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.75rem;border:none;background-color:var(--settings-primary);color:#fff;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px var(--settings-glow)}.settings-save-btn:hover{background-color:var(--settings-primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px var(--settings-glow)}@media(max-width:768px){.settings-modal{max-height:95vh}.settings-sidebar{width:4rem;padding:.5rem}.settings-nav-btn{justify-content:center;padding:.75rem}.settings-nav-btn span{display:none}.settings-content{padding:1rem}.settings-theme-grid{grid-template-columns:repeat(1,1fr)}}@media(prefers-reduced-motion:reduce){.settings-overlay,.settings-modal,.settings-nav-btn,.settings-toggle,.settings-toggle__knob,.settings-save-btn{transition:none}}.settings-content::-webkit-scrollbar-track{background:var(--settings-background);border-radius:3px}.settings-content::-webkit-scrollbar-thumb{background:var(--settings-border);border-radius:3px}.settings-content::-webkit-scrollbar-thumb:hover{background:var(--settings-text-muted)}:root{--navbar-bg: transparent;--navbar-bg-scroll: rgba(255, 255, 255, .85);--navbar-text: #231248;--navbar-text-muted: rgba(35, 18, 72, .6);--navbar-border: rgba(94, 54, 152, .1);--navbar-primary: #5e3698;--navbar-secondary: #8f6ed5;--navbar-accent: #bfa6f2;--navbar-glow: rgba(94, 54, 152, .4)}:is([data-theme=dark],.dark){--navbar-bg: transparent;--navbar-bg-scroll: rgba(10, 10, 10, .85);--navbar-text: #fafafa;--navbar-text-muted: #9ca3af;--navbar-border: rgba(123, 79, 209, .15);--navbar-primary: #7b4fd1;--navbar-secondary: #9d7df0;--navbar-accent: #c5aeff;--navbar-glow: rgba(123, 79, 209, .5)}.navbar{position:sticky;top:0;left:0;right:0;width:100%;z-index:50;background-color:var(--navbar-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:all .35s cubic-bezier(.4,0,.2,1)}.navbar--scrolled{background-color:var(--navbar-bg-scroll);border-bottom:1px solid var(--navbar-border);box-shadow:0 4px 30px #0000000d}:is([data-theme=dark],.dark) .navbar--scrolled{box-shadow:0 4px 30px #0003}.navbar--hidden{transform:translateY(-100%)}.navbar--visible{transform:translateY(0)}.navbar__container{width:100%;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px}@media(min-width:640px){.navbar__container{padding:14px 20px}}@media(min-width:768px){.navbar__container{padding:16px 24px}}.navbar__logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;transition:transform .2s ease}.navbar__logo:hover{transform:translateY(-1px)}.navbar__logo-icon{height:36px;width:36px;min-width:36px;border-radius:10px;background:linear-gradient(135deg,var(--navbar-primary),var(--navbar-secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;box-shadow:0 4px 12px var(--navbar-glow);transition:all .3s ease}.navbar__logo:hover .navbar__logo-icon{box-shadow:0 6px 20px var(--navbar-glow);transform:scale(1.05)}.navbar__logo-text{font-weight:600;color:var(--navbar-text);font-size:16px;background:linear-gradient(135deg,var(--navbar-primary),var(--navbar-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media(min-width:640px){.navbar__logo-icon{height:40px;width:40px;min-width:40px;font-size:16px}.navbar__logo-text{font-size:18px}}.navbar__nav{display:none;align-items:center;gap:.5rem;font-size:.875rem}@media(min-width:768px){.navbar__nav{display:flex}}.navbar__nav-link{position:relative;color:var(--navbar-text-muted);text-decoration:none;transition:all .2s ease;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:500}.navbar__nav-link:hover{color:var(--navbar-primary);background:color-mix(in srgb,var(--navbar-primary) 8%,transparent)}.navbar__nav-link:after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%) scaleX(0);width:20px;height:2px;background:linear-gradient(90deg,var(--navbar-primary),var(--navbar-secondary));border-radius:2px;transition:transform .2s ease}.navbar__nav-link:hover:after{transform:translate(-50%) scaleX(1)}.navbar__nav-link:before{display:none}.navbar__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}@media(min-width:640px){.navbar__actions{gap:8px}}.navbar__mobile-toggle{display:inline-flex;height:2.25rem;width:2.25rem;align-items:center;justify-content:center;border-radius:10px;color:var(--navbar-text);background:transparent;border:1px solid var(--navbar-border);cursor:pointer;transition:all .2s ease}.navbar__mobile-toggle:hover{background:color-mix(in srgb,var(--navbar-primary) 10%,transparent);border-color:var(--navbar-primary);color:var(--navbar-primary)}@media(min-width:768px){.navbar__mobile-toggle{display:none}}.navbar__btn-login{display:none;padding:10px 20px;border-radius:10px;border:1px solid var(--navbar-border);background:transparent;color:var(--navbar-text);font-size:14px;font-weight:500;text-decoration:none;transition:all .3s ease;cursor:pointer}.navbar__btn-login:hover{background:linear-gradient(135deg,var(--navbar-primary),var(--navbar-secondary));border-color:transparent;color:#fff;box-shadow:0 4px 15px var(--navbar-glow);transform:translateY(-1px)}@media(min-width:640px){.navbar__btn-login{display:inline-flex}}.navbar__btn-sss{display:inline-flex;align-items:center;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--foreground);font-size:13px;font-weight:500;text-decoration:none;transition:all .2s ease;cursor:pointer}.navbar__btn-sss:hover{border-color:var(--primary);color:var(--primary)}@media(min-width:640px){.navbar__btn-sss{padding:8px 16px;font-size:14px}}.navbar__btn-signup{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:10px;background:linear-gradient(135deg,var(--navbar-primary),var(--navbar-secondary));color:#fff;font-size:13px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px var(--navbar-glow);position:relative;overflow:hidden}.navbar__btn-signup:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--navbar-secondary),var(--navbar-accent));opacity:0;transition:opacity .3s ease}.navbar__btn-signup:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--navbar-glow)}.navbar__btn-signup:hover:before{opacity:1}.navbar__btn-signup span,.navbar__btn-signup svg{position:relative;z-index:1}@media(min-width:640px){.navbar__btn-signup{padding:12px 24px;font-size:14px}}.navbar__icon-btn{height:38px;width:38px;min-width:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--navbar-border);background:color-mix(in srgb,var(--navbar-text) 5%,transparent);color:var(--navbar-text);cursor:pointer;transition:all .3s ease}:is([data-theme=dark],.dark) .navbar__icon-btn{background:#ffffff0d}.navbar__icon-btn:hover{background:color-mix(in srgb,var(--navbar-primary) 15%,transparent);border-color:var(--navbar-primary);color:var(--navbar-primary);box-shadow:0 4px 12px var(--navbar-glow)}.navbar__mobile-menu{overflow:hidden;transition:max-height .3s ease;max-height:0;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}:is([data-theme=dark],.dark) .navbar__mobile-menu{background:#0a0a0af2}.navbar__mobile-menu--open{max-height:80vh;overflow-y:auto;-webkit-overflow-scrolling:touch}@media(min-width:768px){.navbar__mobile-menu{display:none!important}}.navbar__mobile-menu-content{padding:20px;border-top:1px solid var(--navbar-border)}.navbar__mobile-nav{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem}.navbar__mobile-nav-link{padding:14px 18px;border-radius:12px;color:var(--navbar-text);text-decoration:none;font-weight:500;transition:all .2s ease}.navbar__mobile-nav-link:hover{background:color-mix(in srgb,var(--navbar-primary) 10%,transparent);color:var(--navbar-primary)}.navbar__mobile-auth{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--navbar-border);display:flex;flex-direction:column;gap:.75rem}.navbar__mobile-btn-login{width:100%;padding:14px 18px;border-radius:12px;border:1px solid var(--navbar-border);background:transparent;color:var(--navbar-text);font-size:14px;font-weight:500;text-align:center;text-decoration:none;transition:all .3s ease}.navbar__mobile-btn-login:hover{background:linear-gradient(135deg,var(--navbar-primary),var(--navbar-secondary));border-color:transparent;color:#fff;box-shadow:0 4px 15px var(--navbar-glow)}.navbar__mobile-btn-signup{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;border-radius:12px;background:linear-gradient(135deg,var(--navbar-primary),var(--navbar-secondary));color:#fff;font-size:14px;font-weight:600;text-decoration:none;border:none;transition:all .3s ease;box-shadow:0 4px 15px var(--navbar-glow)}.navbar__mobile-btn-signup:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--navbar-glow)}.navbar__actions .relative{position:relative;z-index:60}.navbar__actions .relative>button{height:2.5rem;display:flex;align-items:center;gap:.5rem;padding:0 .75rem;border-radius:12px;border:1px solid var(--navbar-border);background-color:transparent;cursor:pointer;transition:all .3s ease}.navbar__actions .relative>button:hover{border-color:var(--navbar-primary);background-color:color-mix(in srgb,var(--navbar-primary) 8%,transparent);box-shadow:0 4px 12px var(--navbar-glow)}:is([data-theme=dark],.dark) .navbar__actions .relative>button:hover{background-color:color-mix(in srgb,var(--navbar-primary) 12%,transparent)}.navbar__actions .relative>button>.relative>div:first-child{width:1.75rem;height:1.75rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;background:linear-gradient(135deg,var(--navbar-primary),var(--navbar-secondary));color:#fff;box-shadow:0 2px 8px var(--navbar-glow)}.navbar__actions .relative>button>.relative>div:last-child{position:absolute;bottom:-2px;right:-2px;width:.625rem;height:.625rem;border-radius:9999px;background-color:#10b981;border:2px solid var(--navbar-bg);box-shadow:0 2px 4px #10b98166}.navbar__actions .relative>.fixed{position:fixed;inset:0;z-index:40;background-color:#0000001a}:is([data-theme=dark],.dark) .navbar__actions .relative>.fixed{background-color:#0000004d}.navbar__actions .relative>div[style*=backgroundColor]{position:absolute;right:0;margin-top:.75rem;width:24rem;border-radius:1rem;border:1px solid var(--navbar-border);background-color:var(--navbar-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 40px -10px #0003,0 0 0 1px var(--navbar-border);z-index:50;overflow:hidden}:is([data-theme=dark],.dark) .navbar__actions .relative>div[style*=backgroundColor]{background-color:#111111e6;border-color:var(--navbar-border);box-shadow:0 20px 40px -10px #00000080,0 0 0 1px var(--navbar-border)}@media(prefers-reduced-motion:reduce){.navbar,.navbar__nav-link:before,.navbar__mobile-menu{transition:none}}:root{--footer-bg: rgba(250, 250, 250, .8);--footer-text: #1a1a2e;--footer-text-muted: rgba(26, 26, 46, .65);--footer-border: rgba(94, 54, 152, .12);--footer-primary: #5e3698;--footer-secondary: #8f6ed5;--footer-accent: rgba(255, 255, 255, .6);--footer-glow: rgba(94, 54, 152, .35)}:is([data-theme=dark],.dark){--footer-bg: rgba(10, 10, 10, .85);--footer-text: #f5f5f7;--footer-text-muted: rgba(245, 245, 247, .6);--footer-border: rgba(123, 79, 209, .2);--footer-primary: #7b4fd1;--footer-secondary: #9d7df0;--footer-accent: rgba(17, 17, 17, .7);--footer-glow: rgba(123, 79, 209, .4)}.footer{width:100%;background:var(--footer-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--footer-border);padding:4rem 0 2rem;margin-top:auto;position:relative;z-index:10}.footer:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--footer-primary),var(--footer-secondary),transparent);opacity:.6}.footer__container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.footer__top{display:grid;grid-template-columns:1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid var(--footer-border)}@media(min-width:768px){.footer__top{grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}}.footer__brand{display:flex;flex-direction:column;gap:1.5rem}.footer__logo{display:flex;align-items:center;gap:.75rem;text-decoration:none}.footer__logo-icon{width:2.5rem;height:2.5rem;border-radius:.75rem;background:linear-gradient(135deg,var(--footer-primary),var(--footer-secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem;box-shadow:0 4px 15px var(--footer-glow)}.footer__logo-text{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,var(--footer-primary),var(--footer-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.footer__description{font-size:.875rem;line-height:1.6;color:var(--footer-text-muted);max-width:320px}.footer__social{display:flex;align-items:center;gap:.75rem}.footer__social-link{width:2.25rem;height:2.25rem;border-radius:.75rem;border:1px solid var(--footer-border);background:var(--footer-accent);display:flex;align-items:center;justify-content:center;color:var(--footer-text-muted);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.footer__social-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--footer-primary),var(--footer-secondary));opacity:0;transition:opacity .3s ease}.footer__social-link svg{position:relative;z-index:1;transition:transform .3s ease}.footer__social-link:hover{border-color:transparent;color:#fff;transform:translateY(-4px) scale(1.05);box-shadow:0 8px 20px var(--footer-glow)}.footer__social-link:hover:before{opacity:1}.footer__social-link:hover svg{transform:scale(1.1)}.footer__links{display:flex;flex-direction:column;gap:1rem}.footer__links-title{font-size:.8125rem;font-weight:600;color:var(--footer-text);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.footer__links-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer__links-item a{font-size:.875rem;color:var(--footer-text-muted);text-decoration:none;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.footer__links-item a:hover{color:var(--footer-primary);transform:translate(3px)}.footer__bottom{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-top:2rem}@media(min-width:768px){.footer__bottom{flex-direction:row;justify-content:space-between}}.footer__copyright{font-size:.875rem;color:var(--footer-text-muted);text-align:center}.footer__copyright-highlight{background:linear-gradient(135deg,var(--footer-primary),var(--footer-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}.footer__legal{display:flex;align-items:center;gap:1.5rem}.footer__legal-link{font-size:.75rem;color:var(--footer-text-muted);text-decoration:none;transition:color .2s ease}.footer__legal-link:hover{color:var(--footer-primary)}.footer__newsletter{display:flex;flex-direction:column;gap:1rem}.footer__newsletter-title{font-size:.875rem;font-weight:600;color:var(--footer-text)}.footer__newsletter-form{display:flex;gap:.5rem}.footer__newsletter-input{flex:1;padding:.75rem 1rem;border-radius:.75rem;border:1px solid var(--footer-border);background:var(--footer-accent);color:var(--footer-text);font-size:.875rem;transition:all .25s ease;min-width:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.footer__newsletter-input:focus{outline:none;border-color:var(--footer-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--footer-primary) 20%,transparent)}.footer__newsletter-input::placeholder{color:var(--footer-text-muted)}.footer__newsletter-btn{padding:.75rem 1.25rem;border-radius:.75rem;border:none;background:linear-gradient(135deg,var(--footer-primary),var(--footer-secondary));color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .25s ease;white-space:nowrap;box-shadow:0 4px 15px var(--footer-glow)}.footer__newsletter-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--footer-glow)}.footer__back-to-top{position:fixed;bottom:2rem;right:2rem;width:3rem;height:3rem;border-radius:50%;border:none;background:linear-gradient(135deg,var(--footer-primary),var(--footer-secondary));color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px var(--footer-glow);opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:50}.footer__back-to-top--visible{opacity:1;visibility:visible;transform:translateY(0)}.footer__back-to-top:hover{transform:translateY(-4px);box-shadow:0 8px 30px var(--footer-glow)}@media(max-width:640px){.footer{padding:3rem 0 1.5rem}.footer__top{gap:2rem}.footer__newsletter-form{flex-direction:column}.footer__newsletter-btn{width:100%}}@media(prefers-reduced-motion:reduce){.footer__social-link,.footer__newsletter-btn,.footer__back-to-top,.footer__links-item a{transition:none}}.post-card{display:block;--background: #ffffff;--foreground: #231248;--primary: #5e3698;--secondary: #8f6ed5;--accent: #bfa6f2;--muted: rgba(35, 18, 72, .6);--card: #ffffff;--border: #e6ddf7;background:var(--card);border-radius:var(--radius-xl, 1rem);overflow:hidden;box-shadow:var(--shadow-md);border:2px solid var(--border);transition:all var(--transition-normal, .2s ease);height:100%;position:relative}:is([data-theme=dark],.dark) .post-card{--background: #0a0a0a;--foreground: #fafafa;--primary: #7b4fd1;--secondary: #9d7df0;--accent: #c5aeff;--muted: #6b7280;--muted-foreground: #9ca3af;--card: #111111;--border: #262626}.post-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary));opacity:0;transition:opacity var(--transition-normal);z-index:1}.post-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px);border-color:var(--primary)}.post-card:hover:before{opacity:1}.post-card__link{display:flex;flex-direction:column;text-decoration:none;color:inherit;height:100%;position:relative;z-index:2}.post-card__image-wrapper{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden;background:linear-gradient(135deg,var(--border),var(--muted));flex-shrink:0}.post-card__image-wrapper:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000,#00000026);opacity:0;transition:opacity var(--transition-normal);pointer-events:none}.post-card:hover .post-card__image-wrapper:after{opacity:1}.post-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow, .3s ease)}.post-card:hover .post-card__image{transform:scale(1.05)}.post-card__views-badge{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.375rem;padding:.375rem 1rem;background:linear-gradient(135deg,#000c,#0009);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:.75rem;font-weight:600;border-radius:999px;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-md);opacity:0;transform:translateY(-8px) scale(.9);transition:all var(--transition-normal);z-index:3}.post-card:hover .post-card__views-badge{opacity:1;transform:translateY(0) scale(1)}.post-card__content{display:flex;flex-direction:column;flex:1;padding:1.5rem;gap:.75rem;position:relative}.post-card__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}.post-card__tag{padding:.375rem .875rem;background:linear-gradient(135deg,var(--background),var(--card));color:var(--primary);font-size:.75rem;font-weight:600;border-radius:999px;border:1px solid var(--border);transition:all var(--transition-fast, .15s ease);text-transform:uppercase;letter-spacing:.025em}.post-card:hover .post-card__tag{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.post-card__tag--more{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-color:var(--primary)}.post-card:hover .post-card__tag--more{background:linear-gradient(135deg,var(--secondary),var(--primary));transform:translateY(-2px);box-shadow:var(--shadow-md)}.post-card__title{font-size:1.25rem;font-weight:700;color:var(--foreground);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition-fast);letter-spacing:-.01em}.post-card:hover .post-card__title{color:var(--primary)}.post-card__excerpt{font-size:.9375rem;color:var(--muted);line-height:1.6;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition-fast)}.post-card:hover .post-card__excerpt{color:var(--foreground)}.post-card__footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding-top:1rem;border-top:2px solid var(--border);margin-top:auto;transition:border-color var(--transition-fast);background:linear-gradient(to bottom,transparent,rgba(0,0,0,.02))}.post-card:hover .post-card__footer{border-top-color:var(--primary)}.post-card__meta{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--muted);font-weight:500;flex-wrap:wrap}.post-card__meta-item{display:flex;align-items:center;gap:.375rem;transition:all var(--transition-fast)}.post-card:hover .post-card__meta-item{color:var(--foreground);transform:translateY(-1px)}.post-card__meta-item svg{transition:transform var(--transition-fast);flex-shrink:0}.post-card:hover .post-card__meta-item svg{transform:scale(1.1)}.post-card__author{font-size:.8125rem;color:var(--muted);font-weight:600;padding:.375rem .75rem;background:var(--background);border-radius:var(--radius-md, .5rem);border:1px solid var(--border);transition:all var(--transition-fast)}.post-card:hover .post-card__author{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px)}.post-card__read-more{font-size:.875rem;font-weight:600;color:var(--primary);opacity:0;transform:translate(-8px);transition:all var(--transition-normal);margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.post-card__read-more:after{content:"→";display:inline-block;transition:transform var(--transition-fast)}.post-card:hover .post-card__read-more{opacity:1;transform:translate(0)}.post-card:hover .post-card__read-more:after{transform:translate(4px)}.post-card__status-badge{position:absolute;top:1rem;left:1rem;padding:.375rem 1rem;background:linear-gradient(135deg,#000c,#0009);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:.75rem;font-weight:600;border-radius:999px;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-md);z-index:3}.post-card__status-badge--published{background:linear-gradient(135deg,#10b981,#059669)}.post-card__status-badge--draft{background:linear-gradient(135deg,#f59e0b,#d97706)}@media(max-width:768px){.post-card{border-radius:var(--radius-lg, .75rem)}.post-card:hover{transform:translateY(-2px)}.post-card__content{padding:1.25rem}.post-card__title{font-size:1.125rem}.post-card__excerpt{font-size:.875rem}.post-card__views-badge{opacity:1;transform:translateY(0) scale(1);padding:.375rem .75rem;font-size:.7rem}.post-card__footer{flex-direction:column;align-items:flex-start;gap:.75rem}.post-card__meta{width:100%}.post-card__author{align-self:flex-start}.post-card__read-more{opacity:1;transform:translate(0)}}@media(max-width:480px){.post-card__content{padding:1rem}.post-card__title{font-size:1rem}.post-card__tags{gap:.375rem}.post-card__tag{font-size:.7rem;padding:.3rem .75rem}.post-card__meta{flex-direction:column;align-items:flex-start;gap:.5rem}}.post-card__link:focus-visible{outline:3px solid var(--primary);outline-offset:3px;border-radius:var(--radius-xl, 1rem)}.post-card__link:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){.post-card,.post-card:before,.post-card__image-wrapper:after,.post-card__image,.post-card__title,.post-card__excerpt,.post-card__views-badge,.post-card__tag,.post-card__meta-item,.post-card__author,.post-card__read-more,.post-card__footer{transition:none;animation:none}.post-card:hover .post-card__image,.post-card:hover .post-card__views-badge,.post-card:hover .post-card__read-more,.post-card:hover .post-card__tag,.post-card:hover .post-card__meta-item,.post-card:hover .post-card__author{transform:none}}@media(prefers-contrast:high){.post-card{border-width:3px}.post-card__footer{border-top-width:3px}.post-card__tag{border-width:2px}}.post-card--loading{pointer-events:none}.post-card--loading .post-card__image-wrapper,.post-card--loading .post-card__title,.post-card--loading .post-card__excerpt,.post-card--loading .post-card__meta{background:linear-gradient(90deg,var(--card) 0%,var(--border) 50%,var(--card) 100%);background-size:1000px 100%;animation:shimmer 2s infinite;border-radius:var(--radius-sm, .375rem)}.post-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem}@media(max-width:1024px){.post-cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.post-cards-grid{grid-template-columns:1fr;gap:1.5rem}}.post-card--list{display:block}.post-card--list .post-card__link{flex-direction:row;align-items:stretch}.post-card--list .post-card__image-wrapper{width:280px;padding-bottom:0;height:auto;flex-shrink:0}.post-card--list .post-card__image{position:relative;height:100%;min-height:200px}.post-card--list .post-card__content{flex:1;padding:1.5rem}.post-card--list .post-card__title{font-size:1.25rem;-webkit-line-clamp:2}.post-card--list .post-card__excerpt{-webkit-line-clamp:3;flex:1}:is([data-theme=dark],.dark) .post-card__title,:is([data-theme=dark],.dark) .post-card__author-name{color:#fff}@media(max-width:768px){.post-card--list .post-card__link{flex-direction:column}.post-card--list .post-card__image-wrapper{width:100%;padding-bottom:56.25%;height:0}.post-card--list .post-card__image{position:absolute;min-height:0}}:root{--blog-bg-light: #ffffff;--blog-text: #231248;--blog-primary: #5e3698;--blog-secondary: #8f6ed5;--blog-accent: #bfa6f2;--blog-muted: rgba(35, 18, 72, .6);--primary-purple: #5e3698;--secondary-purple: #8f6ed5;--accent-purple: #bfa6f2;--glow-purple: rgba(94, 54, 152, .5)}:is([data-theme=dark],.dark){--blog-bg-dark: #0a0a0a;--blog-text: #ffffff;--blog-primary: #7b4fd1;--blog-accent: #c5aeff;--blog-secondary: #9d7df0;--blog-muted: #9ca3af;--primary-purple: #7b4fd1;--secondary-purple: #9d7df0;--accent-purple: #c5aeff}.blog-page{min-height:100vh;--background: #fafafa;--foreground: var(--blog-text);--primary: var(--blog-primary);--primary-hover: var(--blog-secondary);--accent: var(--blog-accent);--muted: var(--blog-muted);--muted-foreground: var(--blog-secondary);--card: rgba(255, 255, 255, .7);--border: rgba(94, 54, 152, .12);background:var(--background);position:relative;overflow-x:hidden}:is([data-theme=dark],.dark) .blog-page{--background: #050505;--foreground: #fafafa;--primary: var(--blog-primary);--primary-hover: var(--blog-secondary);--accent: var(--blog-accent);--muted: #6b7280;--muted-foreground: #9ca3af;--card: rgba(17, 17, 17, .7);--border: rgba(123, 79, 209, .2);background:var(--background)}.blog-page:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 10% 20%,color-mix(in srgb,var(--blog-primary) 12%,transparent),transparent 50%),radial-gradient(ellipse 70% 50% at 90% 15%,color-mix(in srgb,var(--blog-secondary) 10%,transparent),transparent 45%),radial-gradient(ellipse 90% 80% at 50% 50%,color-mix(in srgb,var(--blog-primary) 8%,transparent),transparent 55%),radial-gradient(ellipse 80% 60% at 85% 80%,color-mix(in srgb,var(--blog-secondary) 10%,transparent),transparent 50%);pointer-events:none;z-index:0}.blog-page:after{content:"";position:fixed;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--blog-primary) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--blog-primary) 4%,transparent) 1px,transparent 1px);background-size:40px 40px;opacity:.5;pointer-events:none;z-index:0;animation:blogGridPulse 12s ease-in-out infinite}@keyframes blogGridPulse{0%,to{opacity:.4}50%{opacity:.6}}.blog-orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.blog-orb-1{width:400px;height:400px;background:radial-gradient(circle,var(--blog-primary),transparent 70%);top:5%;right:-5%;opacity:.2;animation:blogOrbFloat1 20s ease-in-out infinite}.blog-orb-2{width:350px;height:350px;background:radial-gradient(circle,var(--blog-secondary),transparent 70%);bottom:15%;left:-8%;opacity:.18;animation:blogOrbFloat2 25s ease-in-out infinite}@keyframes blogOrbFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,40px) scale(1.05)}}@keyframes blogOrbFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.08)}}.blog-hero{text-align:center;padding:8rem 1.5rem 3.5rem;position:relative;z-index:1}.blog-hero__title{font-size:3rem;font-weight:800;margin-bottom:1rem;line-height:1.2;color:var(--blog-text, var(--foreground));animation:titleFloat 3s ease-in-out infinite}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.blog-hero__title-highlight{background:linear-gradient(135deg,var(--blog-primary) 0%,var(--blog-secondary) 50%,var(--blog-accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:inline-block}.blog-hero__title-highlight:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--blog-primary),var(--blog-accent),transparent);animation:underlineExpand 2s ease-in-out infinite}@keyframes underlineExpand{0%,to{transform:scaleX(.5);opacity:.5}50%{transform:scaleX(1);opacity:1}}.blog-hero__description{max-width:42rem;margin:0 auto;font-size:1.125rem;line-height:1.6;color:var(--blog-muted, var(--muted));animation:fadeInUp .8s ease-out .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-hero__search-wrapper{display:flex;width:100%;align-items:center;justify-content:center;margin-top:2rem}.blog-hero__search{display:flex;flex-direction:row;gap:.75rem;align-items:center;width:100%;max-width:50%;padding:.5rem 1rem;border:2px solid transparent;border-radius:9999px;background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(135deg,var(--blog-primary),var(--blog-secondary),var(--blog-accent)) border-box;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 15px #5e369826;animation:searchSlideIn .6s ease-out .4s both}:is([data-theme=dark],.dark) .blog-hero__search{box-shadow:0 4px 15px #7b4fd140}@keyframes searchSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.blog-hero__search:before{content:"";position:absolute;inset:-2px;border-radius:9999px;background:linear-gradient(135deg,var(--blog-primary),var(--blog-secondary),var(--blog-accent));opacity:0;transition:opacity .3s ease;z-index:-1;filter:blur(12px)}.blog-hero__search--focused{transform:scale(1.02) translateY(-2px);box-shadow:0 8px 25px #5e36984d,0 0 0 3px #bfa6f233}:is([data-theme=dark],.dark) .blog-hero__search--focused{box-shadow:0 8px 25px #7b4fd166,0 0 0 3px #9d7df033}.blog-hero__search--focused:before{opacity:.6}.blog-hero__search-icon{flex-shrink:0;width:1.25rem;height:1.25rem;color:var(--blog-muted, var(--muted));transition:all .3s ease}.blog-hero__search--focused .blog-hero__search-icon{color:var(--blog-primary);transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 0 6px var(--blog-accent))}.blog-hero__search-input{width:100%;padding:.5rem;background-color:transparent;color:var(--foreground);font-size:1rem;border:none;outline:none}.blog-hero__search-input::placeholder{color:var(--muted)}.blog-hero__search-clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,var(--muted),var(--muted-foreground));color:var(--card);border:none;border-radius:50%;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;position:relative;overflow:hidden}.blog-hero__search-clear:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--blog-primary),var(--blog-secondary));opacity:0;transition:opacity .3s ease}.blog-hero__search-clear svg{position:relative;z-index:1;transition:transform .3s ease}.blog-hero__search-clear:hover:before{opacity:1}.blog-hero__search-clear:hover svg{transform:rotate(90deg) scale(1.1)}.blog-hero__search-clear:active{transform:scale(.95)}.blog-hero__search-results{margin-top:1rem;font-size:.875rem;color:var(--muted);padding:.5rem 1rem;background:var(--card);border-radius:9999px;display:inline-block;box-shadow:0 2px 8px #0000000d;animation:resultsPulse .3s ease-out}@keyframes resultsPulse{0%{transform:scale(.95);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.blog-hero__search-loading{color:var(--primary);font-weight:500;animation:loadingPulse 1.5s ease-in-out infinite}@keyframes loadingPulse{0%,to{opacity:1}50%{opacity:.5}}.blog-controls{max-width:87.5rem;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1;animation:controlsSlideIn .6s ease-out .6s both}@keyframes controlsSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.blog-controls__wrapper{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;background:var(--card);border-radius:1rem;box-shadow:0 4px 15px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border)}.blog-controls__sort-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:2px solid var(--border);border-radius:.75rem;background:var(--background);color:var(--muted);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.blog-controls__sort-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary) 10,var(--primary-hover) 10);opacity:0;transition:opacity .3s ease}.blog-controls__sort-btn:hover{border-color:var(--primary);color:var(--foreground);transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.blog-controls__sort-btn:hover:before{opacity:1}.blog-controls__sort-btn svg{transition:transform .3s ease}.blog-controls__sort-btn:hover svg{transform:rotate(180deg)}.blog-controls__sort-btn span{position:relative;z-index:1}.blog-controls__view-toggle{display:flex;gap:.25rem;background:var(--accent);padding:.25rem;border-radius:.75rem;border:2px solid var(--border);position:relative}.blog-controls__view-btn{padding:.5rem .75rem;border:none;border-radius:.5rem;background:transparent;color:var(--muted);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.blog-controls__view-btn:hover{color:var(--foreground);transform:scale(1.05)}.blog-controls__view-btn.active{background:linear-gradient(135deg,var(--blog-primary),var(--blog-secondary));color:#fff;box-shadow:0 4px 12px #5e369866;transform:scale(1.1)}:is([data-theme=dark],.dark) .blog-controls__view-btn.active{box-shadow:0 4px 12px #7b4fd180}.blog-controls__view-btn.active svg{filter:drop-shadow(0 0 2px rgba(255,255,255,.5))}.blog-posts{max-width:87.5rem;margin:0 auto;padding:4rem 1.5rem;position:relative;min-height:400px;z-index:1}.blog-posts__grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2.5rem}.blog-posts__grid>div{animation:cardSlideUp .5s ease-out both}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.blog-posts__list{display:flex;flex-direction:column;gap:1.5rem}.blog-posts__list>div{animation:listItemSlide .4s ease-out both}@keyframes listItemSlide{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.blog-posts__loading{display:flex;justify-content:center;align-items:center;padding:4rem 1.5rem;min-height:300px}.blog-posts__loading-spinner{width:50px;height:50px;border:3px solid var(--blog-accent);border-top-color:var(--blog-primary);border-right-color:var(--blog-secondary);border-radius:50%;animation:spin .8s linear infinite,pulse 2s ease-in-out infinite;box-shadow:0 0 20px #5e36984d}:is([data-theme=dark],.dark) .blog-posts__loading-spinner{box-shadow:0 0 20px #7b4fd166}@keyframes pulse{0%,to{box-shadow:0 0 20px #5e36984d}50%{box-shadow:0 0 40px #5e369899}}.blog-posts__empty{text-align:center;padding:4rem 1.5rem;color:var(--muted);font-size:1.125rem;animation:emptyStateFade .5s ease-out}@keyframes emptyStateFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.blog-posts__empty p{margin-bottom:1.5rem;animation:textBounce .6s ease-out .2s both}@keyframes textBounce{0%{transform:translateY(20px);opacity:0}60%{transform:translateY(-5px)}to{transform:translateY(0);opacity:1}}.blog-posts__clear-btn{margin-top:1rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--blog-primary),var(--blog-secondary),var(--blog-accent));color:#fff;border:none;border-radius:9999px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #5e36984d;position:relative;overflow:hidden;animation:buttonAppear .4s ease-out .4s both}:is([data-theme=dark],.dark) .blog-posts__clear-btn{box-shadow:0 4px 12px #7b4fd166}@keyframes buttonAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.blog-posts__clear-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--blog-accent),var(--blog-secondary),var(--blog-primary));opacity:0;transition:opacity .3s ease}.blog-posts__clear-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5e369880}:is([data-theme=dark],.dark) .blog-posts__clear-btn:hover{box-shadow:0 6px 20px #7b4fd199}.blog-posts__clear-btn:hover:before{opacity:1}.blog-posts__clear-btn:active{transform:translateY(0);box-shadow:0 2px 8px #5e36984d}:is([data-theme=dark],.dark) .blog-posts__clear-btn:active{box-shadow:0 2px 8px #7b4fd166}@media(min-width:640px){.blog-posts__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.blog-posts__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.blog-hero{padding:6rem 1.5rem 3rem}.blog-hero__title{font-size:2.25rem}.blog-hero__description{font-size:1rem}.blog-hero__search{max-width:90%}.blog-posts{padding:3rem 1.5rem}}@media(max-width:480px){.blog-hero__title{font-size:2rem}.blog-hero__search{max-width:100%;padding:.375rem .875rem}.blog-hero__search-icon{width:1rem;height:1rem}.blog-hero__search-input{font-size:.875rem}.blog-hero__search-clear{width:24px;height:24px}}.blog-hero__search:focus-within{outline:2px solid var(--primary);outline-offset:2px}.blog-hero__search-clear:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.blog-posts__clear-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.blog-hero__search--focused,.blog-hero__search-clear:hover,.blog-posts__clear-btn:hover,.blog-controls__sort-btn:hover,.blog-controls__view-btn:hover,.blog-controls__view-btn.active{transform:none}.blog-hero__search-clear:hover svg,.blog-controls__sort-btn:hover svg{transform:none}.blog-posts__loading-spinner{animation:spin .8s linear infinite}}:is([data-theme=dark],.dark) .blog-page__title,:is([data-theme=dark],.dark) .blog-controls__search-input,:is([data-theme=dark],.dark) .blog-posts__grid h3{color:#fff}@media(prefers-contrast:high){.blog-hero__search{border-width:2px}.blog-hero__search--focused{border-width:3px}}:root{--pricing-bg: #fafafa;--pricing-text: #1a1a2e;--pricing-text-muted: rgba(26, 26, 46, .65);--pricing-primary: #5e3698;--pricing-secondary: #8f6ed5;--pricing-accent: #bfa6f2;--pricing-glow: rgba(94, 54, 152, .4);--pricing-card-bg: rgba(255, 255, 255, .7);--pricing-border: rgba(94, 54, 152, .12);--pricing-success: #10b981}:is([data-theme=dark],.dark){--pricing-bg: #050505;--pricing-text: #f5f5f7;--pricing-text-muted: rgba(245, 245, 247, .6);--pricing-primary: #7b4fd1;--pricing-secondary: #9d7df0;--pricing-accent: #c5aeff;--pricing-glow: rgba(123, 79, 209, .5);--pricing-card-bg: rgba(17, 17, 17, .7);--pricing-border: rgba(123, 79, 209, .2);--pricing-success: #34d399}.pricing-page{width:100%;min-height:100%;display:flex;flex-direction:column;background-color:var(--pricing-bg);position:relative;overflow-x:hidden}.pricing-page:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 10% 20%,color-mix(in srgb,var(--pricing-primary) 12%,transparent),transparent 50%),radial-gradient(ellipse 70% 50% at 90% 15%,color-mix(in srgb,var(--pricing-secondary) 10%,transparent),transparent 45%),radial-gradient(ellipse 90% 80% at 50% 50%,color-mix(in srgb,var(--pricing-primary) 8%,transparent),transparent 55%),radial-gradient(ellipse 80% 60% at 85% 80%,color-mix(in srgb,var(--pricing-secondary) 10%,transparent),transparent 50%);pointer-events:none;z-index:0}.pricing-orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;animation:pricingOrbFloat 8s ease-in-out infinite}.pricing-orb-1{width:400px;height:400px;background:radial-gradient(circle,color-mix(in srgb,var(--pricing-primary) 35%,transparent),transparent);top:10%;right:5%}.pricing-orb-2{width:350px;height:350px;background:radial-gradient(circle,color-mix(in srgb,var(--pricing-secondary) 30%,transparent),transparent);bottom:20%;left:10%;animation-delay:2s}.pricing-orb-3{width:300px;height:300px;background:radial-gradient(circle,color-mix(in srgb,var(--pricing-accent) 25%,transparent),transparent);top:50%;left:5%;animation-delay:4s}.pricing-orb-4{width:250px;height:250px;background:radial-gradient(circle,color-mix(in srgb,var(--pricing-primary) 20%,transparent),transparent);bottom:30%;right:15%;animation-delay:3s}@keyframes pricingOrbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,30px) scale(.95)}75%{transform:translate(20px,15px) scale(1.02)}}.pricing-grid-bg{position:absolute;top:0;left:0;right:0;height:100%;background-image:linear-gradient(rgba(148,163,184,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.03) 1px,transparent 1px);background-size:30px 30px;opacity:.4;pointer-events:none;z-index:0;animation:pricingGridPulse 10s ease-in-out infinite}@keyframes pricingGridPulse{0%,to{opacity:.3}50%{opacity:.5}}.pricing-main{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 24px}@media(max-width:768px){.pricing-main{padding:0 20px}}.pricing-hero{width:100%;min-height:50vh;display:flex;align-items:center;justify-content:center;padding:120px 0 80px;text-align:center}@media(max-width:768px){.pricing-hero{padding:100px 0 60px;min-height:auto}}.pricing-hero__content{display:flex;flex-direction:column;align-items:center;gap:24px;max-width:800px}.pricing-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:color-mix(in srgb,var(--pricing-primary) 8%,transparent);border:1px solid var(--pricing-border);border-radius:100px;font-size:.875rem;font-weight:600;color:var(--pricing-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:pricingBadgeFadeIn .6s ease-out;box-shadow:0 4px 15px color-mix(in srgb,var(--pricing-primary) 15%,transparent)}@keyframes pricingBadgeFadeIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.pricing-hero__title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:200;letter-spacing:.02em;line-height:1.1;color:var(--pricing-text);font-family:Inter,Segoe UI,sans-serif;position:relative}.pricing-cursor{display:inline-block;width:3px;height:.85em;background:linear-gradient(180deg,var(--pricing-primary),var(--pricing-secondary));margin-left:4px;vertical-align:middle;transform:translateY(.08em);border-radius:2px;box-shadow:0 0 12px var(--pricing-primary)}.pricing-cursor--blinking{animation:pricingCursorBlink 1s step-end infinite}@keyframes pricingCursorBlink{0%,to{opacity:1;box-shadow:0 0 16px var(--pricing-primary)}50%{opacity:0;box-shadow:0 0 0 var(--pricing-primary)}}.pricing-hero__description{font-size:clamp(1rem,2vw,1.25rem);line-height:1.7;color:var(--pricing-text-muted);max-width:600px;animation:pricingFadeInUp .8s ease-out .2s both}@keyframes pricingFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pricing-toggle-container{display:inline-flex;gap:8px;padding:6px;background:color-mix(in srgb,var(--pricing-primary) 6%,transparent);border:1px solid var(--pricing-border);border-radius:100px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:pricingFadeInUp .8s ease-out .4s both}.pricing-toggle-btn{padding:12px 28px;border-radius:100px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:transparent;color:var(--pricing-text-muted);display:inline-flex;align-items:center;gap:10px}.pricing-toggle-btn.active{background:linear-gradient(135deg,var(--pricing-primary),var(--pricing-secondary));color:#fff;box-shadow:0 4px 20px var(--pricing-glow)}.pricing-toggle-btn:hover:not(.active){color:var(--pricing-text);background:color-mix(in srgb,var(--pricing-primary) 8%,transparent)}.pricing-toggle-badge{background:var(--pricing-success);color:#fff;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:700}.pricing-cards-section{width:100%;padding:40px 0 80px}.pricing-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-bottom:48px}@media(max-width:480px){.pricing-cards-grid{grid-template-columns:1fr}}.pricing-card{position:relative;padding:40px 32px;background:var(--pricing-card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--pricing-border);border-radius:24px;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px color-mix(in srgb,var(--pricing-primary) 8%,transparent)}.pricing-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--pricing-primary),var(--pricing-secondary),var(--pricing-accent));border-radius:26px;opacity:0;z-index:-1;filter:blur(20px);transition:opacity .4s ease}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 25px 60px color-mix(in srgb,var(--pricing-primary) 18%,transparent);border-color:color-mix(in srgb,var(--pricing-primary) 30%,transparent)}.pricing-card:hover:before{opacity:.25}.pricing-card--popular{background:linear-gradient(145deg,var(--pricing-primary),var(--pricing-secondary));border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 60px var(--pricing-glow);transform:scale(1.03);z-index:2}.pricing-card--popular:hover{transform:scale(1.03) translateY(-8px);box-shadow:0 30px 80px var(--pricing-glow)}.pricing-card--popular:before{opacity:0}.pricing-card__badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:8px 18px;border-radius:100px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 6px 20px #f59e0b80}.pricing-card__icon{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:color-mix(in srgb,var(--pricing-primary) 12%,transparent);color:var(--pricing-primary);margin-bottom:24px;transition:all .3s ease}.pricing-card:hover .pricing-card__icon{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 25px var(--pricing-glow)}.pricing-card--popular .pricing-card__icon{background:#ffffff26;color:#fff}.pricing-card__name{font-size:22px;font-weight:700;color:var(--pricing-text);margin-bottom:16px}.pricing-card--popular .pricing-card__name{color:#fff}.pricing-card__price{margin-bottom:24px;display:flex;align-items:baseline}.pricing-card__amount{font-size:44px;font-weight:800;color:var(--pricing-text);line-height:1}.pricing-card--popular .pricing-card__amount{color:#fff}.pricing-card__period{font-size:15px;color:var(--pricing-text-muted);margin-left:8px}.pricing-card--popular .pricing-card__period{color:#ffffffbf}.pricing-card__divider{height:1px;background:var(--pricing-border);margin-bottom:24px}.pricing-card--popular .pricing-card__divider{background:#fff3}.pricing-card__features{list-style:none;padding:0;margin:0 0 32px;flex-grow:1;display:flex;flex-direction:column;gap:14px}.pricing-card__features li{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--pricing-text);line-height:1.5}.pricing-card--popular .pricing-card__features li{color:#fffffff2}.pricing-card__check{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;background:color-mix(in srgb,var(--pricing-primary) 12%,transparent);color:var(--pricing-primary);border-radius:6px;margin-top:1px}.pricing-card--popular .pricing-card__check{background:#fff3;color:#fff}.pricing-card__cta{width:100%;padding:16px;border-radius:14px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--pricing-border);background:color-mix(in srgb,var(--pricing-primary) 8%,transparent);color:var(--pricing-primary);display:inline-flex;align-items:center;justify-content:center;gap:8px}.pricing-card__cta:hover{background:linear-gradient(135deg,var(--pricing-primary),var(--pricing-secondary));color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 10px 30px var(--pricing-glow)}.pricing-card__cta--popular{background:#fff;color:var(--pricing-primary);border:none;box-shadow:0 6px 20px #fff3;font-weight:700}.pricing-card__cta--popular:hover{background:#fff;color:var(--pricing-primary);transform:translateY(-2px);box-shadow:0 12px 35px #ffffff4d}.pricing-trust{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.pricing-trust__item{display:flex;align-items:center;gap:10px;color:var(--pricing-text-muted);font-size:14px;font-weight:500}.pricing-trust__item svg{color:var(--pricing-success)}@media(max-width:640px){.pricing-trust{flex-direction:column;gap:16px;align-items:center}}.pricing-perks{width:100%;padding:80px 0}.pricing-perks__header{text-align:center;max-width:600px;margin:0 auto 48px}.pricing-perks__header h2{font-size:clamp(28px,4vw,38px);font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,var(--pricing-primary),var(--pricing-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pricing-perks__header p{color:var(--pricing-text-muted);font-size:17px;line-height:1.7}.pricing-perks__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.pricing-perk{padding:32px;display:grid;gap:16px;background:var(--pricing-card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--pricing-border);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1)}.pricing-perk:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--pricing-primary),var(--pricing-secondary));border-radius:22px;opacity:0;z-index:-1;filter:blur(15px);transition:opacity .4s ease}.pricing-perk:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--pricing-accent) 40%,transparent);box-shadow:0 20px 50px color-mix(in srgb,var(--pricing-primary) 18%,transparent)}.pricing-perk__icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--pricing-primary),var(--pricing-secondary));color:#fff;box-shadow:0 4px 15px var(--pricing-glow);transition:transform .3s cubic-bezier(.4,0,.2,1)}.pricing-perk:hover .pricing-perk__icon{transform:scale(1.1) rotate(5deg)}.pricing-perk h3{font-size:18px;font-weight:600;color:var(--pricing-text)}.pricing-perk p{color:var(--pricing-text-muted);font-size:14px;line-height:1.6}.pricing-cta{width:100%;padding:0 0 100px}.pricing-cta__card{padding:56px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;background:var(--pricing-card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--pricing-border);border-radius:28px;position:relative;overflow:hidden;box-shadow:0 30px 70px color-mix(in srgb,var(--pricing-primary) 18%,transparent);transition:all .4s cubic-bezier(.4,0,.2,1)}.pricing-cta__card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--pricing-primary),var(--pricing-secondary),var(--pricing-accent))}.pricing-cta__card:hover{transform:translateY(-4px);box-shadow:0 40px 90px color-mix(in srgb,var(--pricing-primary) 22%,transparent)}@media(max-width:768px){.pricing-cta__card{grid-template-columns:1fr;text-align:center;padding:40px 28px}}.pricing-cta__eyebrow{color:var(--pricing-primary);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:12px}.pricing-cta__content h2{font-size:clamp(24px,3vw,32px);font-weight:700;margin:0 0 12px;color:var(--pricing-text);line-height:1.2}.pricing-cta__content p{color:var(--pricing-text-muted);font-size:16px;line-height:1.6;max-width:550px}.pricing-cta__actions{display:flex;gap:16px;flex-wrap:wrap}@media(max-width:768px){.pricing-cta__actions{justify-content:center}}.pricing-btn{padding:16px 28px;border-radius:14px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.3px}.pricing-btn--primary{background:linear-gradient(135deg,var(--pricing-primary),var(--pricing-secondary));color:#fff;border:none;box-shadow:0 4px 20px color-mix(in srgb,var(--pricing-primary) 30%,transparent)}.pricing-btn--primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px color-mix(in srgb,var(--pricing-primary) 40%,transparent)}.pricing-btn--outline{background:transparent;color:var(--pricing-text);border:1px solid var(--pricing-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pricing-btn--outline:hover{background:color-mix(in srgb,var(--pricing-primary) 10%,transparent);border-color:var(--pricing-primary);color:var(--pricing-primary);box-shadow:0 4px 15px var(--pricing-glow);transform:translateY(-2px)}@media(max-width:768px){.pricing-orb-3,.pricing-orb-4{display:none}.pricing-orb-1{width:250px;height:250px;top:5%;right:-5%}.pricing-orb-2{width:220px;height:220px;bottom:10%;left:-5%}}@media(max-width:480px){.pricing-orb-1{width:180px;height:180px}.pricing-orb-2{width:150px;height:150px}}@media(prefers-reduced-motion:reduce){.pricing-orb,.pricing-grid-bg,.pricing-cursor--blinking,.pricing-badge,.pricing-hero__description,.pricing-toggle-container{animation:none}.pricing-card,.pricing-perk,.pricing-toggle-btn,.pricing-card__cta,.pricing-cta__card,.pricing-btn,.pricing-card__icon,.pricing-perk__icon{transition:none}.pricing-grid-bg{opacity:.4}}:root{--about-bg: #fafafa;--about-text: #1a1a2e;--about-text-muted: rgba(26, 26, 46, .65);--about-primary: #5e3698;--about-secondary: #8f6ed5;--about-accent: #bfa6f2;--about-glow: rgba(94, 54, 152, .4);--about-card-bg: rgba(255, 255, 255, .7);--about-border: rgba(94, 54, 152, .12)}:is([data-theme=dark],.dark){--about-bg: #050505;--about-text: #f5f5f7;--about-text-muted: rgba(245, 245, 247, .6);--about-primary: #7b4fd1;--about-secondary: #9d7df0;--about-accent: #c5aeff;--about-glow: rgba(123, 79, 209, .5);--about-card-bg: rgba(17, 17, 17, .7);--about-border: rgba(123, 79, 209, .2)}.about-page{width:100%;min-height:100%;display:flex;flex-direction:column;background-color:var(--about-bg);position:relative;overflow-x:hidden}.about-page:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 10% 20%,color-mix(in srgb,var(--about-primary) 12%,transparent),transparent 50%),radial-gradient(ellipse 70% 50% at 90% 15%,color-mix(in srgb,var(--about-secondary) 10%,transparent),transparent 45%),radial-gradient(ellipse 90% 80% at 50% 50%,color-mix(in srgb,var(--about-primary) 8%,transparent),transparent 55%),radial-gradient(ellipse 80% 60% at 85% 80%,color-mix(in srgb,var(--about-secondary) 10%,transparent),transparent 50%);pointer-events:none;z-index:0}.about-orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;animation:aboutOrbFloat 8s ease-in-out infinite}.about-orb-1{width:400px;height:400px;background:radial-gradient(circle,color-mix(in srgb,var(--about-primary) 35%,transparent),transparent);top:10%;right:5%}.about-orb-2{width:350px;height:350px;background:radial-gradient(circle,color-mix(in srgb,var(--about-secondary) 30%,transparent),transparent);bottom:20%;left:10%;animation-delay:2s}.about-orb-3{width:300px;height:300px;background:radial-gradient(circle,color-mix(in srgb,var(--about-accent) 25%,transparent),transparent);top:50%;left:5%;animation-delay:4s}.about-orb-4{width:250px;height:250px;background:radial-gradient(circle,color-mix(in srgb,var(--about-primary) 20%,transparent),transparent);bottom:30%;right:15%;animation-delay:3s}@keyframes aboutOrbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,30px) scale(.95)}75%{transform:translate(20px,15px) scale(1.02)}}.about-grid-bg{position:absolute;top:0;left:0;right:0;height:100%;background-image:linear-gradient(rgba(148,163,184,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.03) 1px,transparent 1px);background-size:30px 30px;opacity:.4;pointer-events:none;z-index:0;animation:aboutGridPulse 10s ease-in-out infinite}@keyframes aboutGridPulse{0%,to{opacity:.3}50%{opacity:.5}}.about-main{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 24px}@media(max-width:768px){.about-main{padding:0 20px}}.about-hero{width:100%;display:flex;align-items:center;justify-content:center;padding:140px 0 80px;text-align:center}@media(max-width:768px){.about-hero{padding:100px 0 60px}}.about-hero__content{display:flex;flex-direction:column;align-items:center;gap:24px;max-width:800px}.about-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:color-mix(in srgb,var(--about-primary) 8%,transparent);border:1px solid var(--about-border);border-radius:100px;font-size:.875rem;font-weight:600;color:var(--about-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:aboutBadgeFadeIn .6s ease-out;box-shadow:0 4px 15px color-mix(in srgb,var(--about-primary) 15%,transparent)}@keyframes aboutBadgeFadeIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.about-hero__title{font-size:clamp(2.5rem,6vw,4rem);font-weight:200;letter-spacing:.02em;line-height:1.15;color:var(--about-text);font-family:Inter,Segoe UI,sans-serif}.about-cursor{display:inline-block;width:3px;height:.85em;background:linear-gradient(180deg,var(--about-primary),var(--about-secondary));margin-left:4px;vertical-align:middle;border-radius:2px;box-shadow:0 0 12px var(--about-primary)}.about-cursor--blinking{animation:aboutCursorBlink 1s step-end infinite}@keyframes aboutCursorBlink{0%,to{opacity:1;box-shadow:0 0 16px var(--about-primary)}50%{opacity:0;box-shadow:none}}.about-hero__description{font-size:clamp(1rem,2vw,1.2rem);line-height:1.7;color:var(--about-text-muted);max-width:650px;animation:aboutFadeInUp .8s ease-out .2s both}@keyframes aboutFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.about-stats{width:100%;padding:40px 0 80px}.about-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:768px){.about-stats__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.about-stats__grid{grid-template-columns:1fr 1fr;gap:16px}}.about-stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px;background:var(--about-card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--about-border);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1)}.about-stat:hover{transform:translateY(-6px);box-shadow:0 20px 50px color-mix(in srgb,var(--about-primary) 15%,transparent);border-color:color-mix(in srgb,var(--about-primary) 30%,transparent)}.about-stat__value{font-size:clamp(32px,4vw,44px);font-weight:800;background:linear-gradient(135deg,var(--about-primary),var(--about-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.about-stat__label{font-size:14px;color:var(--about-text-muted);font-weight:500}.about-story{width:100%;padding:0 0 80px}.about-story__card{padding:48px;background:var(--about-card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--about-border);border-radius:28px;text-align:center;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.about-story__card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--about-primary),var(--about-secondary),var(--about-accent))}.about-story__card:hover{transform:translateY(-4px);box-shadow:0 30px 70px color-mix(in srgb,var(--about-primary) 18%,transparent)}.about-story__icon{width:72px;height:72px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(135deg,var(--about-primary),var(--about-secondary));color:#fff;margin:0 auto 28px;box-shadow:0 8px 25px var(--about-glow)}.about-story__card h2{font-size:clamp(24px,3vw,32px);font-weight:700;color:var(--about-text);margin-bottom:20px}.about-story__card p{font-size:16px;line-height:1.8;color:var(--about-text-muted);max-width:800px;margin:0 auto}@media(max-width:768px){.about-story__card{padding:36px 24px}}.about-values{width:100%;padding:0 0 80px}.about-values__header{text-align:center;margin-bottom:48px}.about-values__header h2{font-size:clamp(28px,4vw,38px);font-weight:700;background:linear-gradient(135deg,var(--about-primary),var(--about-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}.about-values__header p{color:var(--about-text-muted);font-size:17px}.about-values__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.about-value{padding:32px;background:var(--about-card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--about-border);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1)}.about-value:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--about-accent) 40%,transparent);box-shadow:0 20px 50px color-mix(in srgb,var(--about-primary) 15%,transparent)}.about-value__icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--about-primary),var(--about-secondary));color:#fff;margin-bottom:20px;box-shadow:0 4px 15px var(--about-glow);transition:transform .3s ease}.about-value:hover .about-value__icon{transform:scale(1.1) rotate(5deg)}.about-value h3{font-size:18px;font-weight:600;color:var(--about-text);margin-bottom:12px}.about-value p{font-size:14px;line-height:1.6;color:var(--about-text-muted)}.about-team{width:100%;padding:0 0 80px}.about-team__header{text-align:center;margin-bottom:48px}.about-team__header h2{font-size:clamp(28px,4vw,38px);font-weight:700;background:linear-gradient(135deg,var(--about-primary),var(--about-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}.about-team__header p{color:var(--about-text-muted);font-size:17px}.about-team__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.about-team-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px;background:var(--about-card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--about-border);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1)}.about-team-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px color-mix(in srgb,var(--about-primary) 15%,transparent);border-color:color-mix(in srgb,var(--about-primary) 30%,transparent)}.about-team-card__avatar{width:80px;height:80px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--about-primary),var(--about-secondary));margin-bottom:20px;box-shadow:0 6px 20px var(--about-glow);transition:transform .3s ease}.about-team-card:hover .about-team-card__avatar{transform:scale(1.1)}.about-team-card__avatar span{color:#fff;font-size:24px;font-weight:700;text-transform:uppercase}.about-team-card h3{font-size:17px;font-weight:600;color:var(--about-text);margin-bottom:6px}.about-team-card p{font-size:14px;color:var(--about-text-muted)}.about-cta{width:100%;padding:0 0 100px}.about-cta__card{padding:56px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;background:var(--about-card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--about-border);border-radius:28px;position:relative;overflow:hidden;box-shadow:0 30px 70px color-mix(in srgb,var(--about-primary) 18%,transparent);transition:all .4s cubic-bezier(.4,0,.2,1)}.about-cta__card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--about-primary),var(--about-secondary),var(--about-accent))}.about-cta__card:hover{transform:translateY(-4px);box-shadow:0 40px 90px color-mix(in srgb,var(--about-primary) 22%,transparent)}@media(max-width:768px){.about-cta__card{grid-template-columns:1fr;text-align:center;padding:40px 28px}}.about-cta__icon{color:var(--about-primary);margin-bottom:16px}.about-cta__content h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:var(--about-text);margin-bottom:12px}.about-cta__content p{font-size:16px;color:var(--about-text-muted);line-height:1.6;max-width:500px}.about-cta__actions{display:flex;gap:16px;flex-wrap:wrap}@media(max-width:768px){.about-cta__actions{justify-content:center}}.about-btn{padding:16px 28px;border-radius:14px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.3px}.about-btn--primary{background:linear-gradient(135deg,var(--about-primary),var(--about-secondary));color:#fff;border:none;box-shadow:0 4px 20px color-mix(in srgb,var(--about-primary) 30%,transparent)}.about-btn--primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px color-mix(in srgb,var(--about-primary) 40%,transparent)}.about-btn--outline{background:transparent;color:var(--about-text);border:1px solid var(--about-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.about-btn--outline:hover{background:color-mix(in srgb,var(--about-primary) 10%,transparent);border-color:var(--about-primary);color:var(--about-primary);box-shadow:0 4px 15px var(--about-glow);transform:translateY(-2px)}@media(max-width:768px){.about-orb-3,.about-orb-4{display:none}.about-orb-1{width:250px;height:250px;top:5%;right:-5%}.about-orb-2{width:220px;height:220px;bottom:10%;left:-5%}}@media(max-width:480px){.about-orb-1{width:180px;height:180px}.about-orb-2{width:150px;height:150px}}@media(prefers-reduced-motion:reduce){.about-orb,.about-grid-bg,.about-cursor--blinking,.about-badge,.about-hero__description{animation:none}.about-stat,.about-story__card,.about-value,.about-team-card,.about-cta__card,.about-btn,.about-value__icon,.about-team-card__avatar{transition:none}.about-grid-bg{opacity:.4}}:root{--faq-page-bg: #fafafa;--faq-page-text: #1a1a2e;--faq-page-text-muted: rgba(26, 26, 46, .65);--faq-page-primary: #5e3698;--faq-page-secondary: #8f6ed5;--faq-page-accent: #bfa6f2;--faq-page-glow: rgba(94, 54, 152, .4);--faq-page-card-bg: rgba(255, 255, 255, .7);--faq-page-border: rgba(94, 54, 152, .12)}:is([data-theme=dark],.dark){--faq-page-bg: #050505;--faq-page-text: #f5f5f7;--faq-page-text-muted: rgba(245, 245, 247, .6);--faq-page-primary: #7b4fd1;--faq-page-secondary: #9d7df0;--faq-page-accent: #c5aeff;--faq-page-glow: rgba(123, 79, 209, .5);--faq-page-card-bg: rgba(17, 17, 17, .7);--faq-page-border: rgba(123, 79, 209, .2)}.faq-page{width:100%;min-height:100vh;background:var(--faq-page-bg);position:relative;overflow-x:hidden}.faq-page:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 10% 20%,color-mix(in srgb,var(--faq-page-primary) 12%,transparent),transparent 50%),radial-gradient(ellipse 70% 50% at 90% 15%,color-mix(in srgb,var(--faq-page-secondary) 10%,transparent),transparent 45%),radial-gradient(ellipse 90% 80% at 50% 50%,color-mix(in srgb,var(--faq-page-primary) 8%,transparent),transparent 55%),radial-gradient(ellipse 80% 60% at 85% 80%,color-mix(in srgb,var(--faq-page-secondary) 10%,transparent),transparent 50%);pointer-events:none;z-index:0}.faq-page:after{content:"";position:fixed;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--faq-page-primary) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--faq-page-primary) 4%,transparent) 1px,transparent 1px);background-size:40px 40px;opacity:.5;pointer-events:none;z-index:0;animation:faqGridPulse 12s ease-in-out infinite}@keyframes faqGridPulse{0%,to{opacity:.4}50%{opacity:.6}}.faq-orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.faq-orb-1{width:400px;height:400px;background:radial-gradient(circle,var(--faq-page-primary),transparent 70%);top:5%;right:-5%;opacity:.2;animation:faqOrbFloat1 20s ease-in-out infinite}.faq-orb-2{width:350px;height:350px;background:radial-gradient(circle,var(--faq-page-secondary),transparent 70%);bottom:15%;left:-8%;opacity:.18;animation:faqOrbFloat2 25s ease-in-out infinite}@keyframes faqOrbFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,40px) scale(1.05)}}@keyframes faqOrbFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.08)}}.faq-main{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:0 24px}.faq-page-hero{padding:120px 0 48px;position:relative;z-index:1}.faq-page-hero__inner{max-width:720px}.faq-page-hero .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--faq-page-card-bg);border:1px solid var(--faq-page-border);border-radius:100px;font-size:.8125rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--faq-page-primary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 15px color-mix(in srgb,var(--faq-page-primary) 15%,transparent)}.faq-page-hero__title{font-size:clamp(32px,5vw,52px);font-weight:600;line-height:1.1;margin:20px 0;letter-spacing:-.02em;background:linear-gradient(135deg,var(--faq-page-primary),var(--faq-page-secondary),var(--faq-page-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:faqGradient 4s ease infinite}@keyframes faqGradient{0%,to{background-position:0% center}50%{background-position:100% center}}.faq-page-hero__subtitle{color:var(--faq-page-text-muted);font-size:18px;line-height:1.6}.faq-page-content{padding-bottom:100px;display:grid;gap:32px;position:relative;z-index:1}.faq-page-tabs{display:flex;flex-wrap:wrap;gap:12px}.faq-page-tab{padding:12px 24px;font-size:.9375rem;font-weight:500;color:var(--faq-page-text-muted);background:var(--faq-page-card-bg);border:1px solid var(--faq-page-border);border-radius:14px;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.4,0,.2,1)}.faq-page-tab:hover{color:var(--faq-page-primary);border-color:color-mix(in srgb,var(--faq-page-primary) 30%,transparent);transform:translateY(-2px)}.faq-page-tab--active{color:#fff;background:linear-gradient(135deg,var(--faq-page-primary),var(--faq-page-secondary));border-color:transparent;box-shadow:0 4px 20px var(--faq-page-glow)}.faq-page-tab--active:hover{color:#fff;transform:translateY(-2px)}.faq-page-list{display:flex;flex-direction:column;gap:16px}.faq-page-item{background:var(--faq-page-card-bg);border:1px solid var(--faq-page-border);border-radius:20px;overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 20px color-mix(in srgb,var(--faq-page-primary) 8%,transparent),inset 0 1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1)}:is([data-theme=dark],.dark) .faq-page-item{box-shadow:0 4px 20px color-mix(in srgb,var(--faq-page-primary) 15%,transparent),inset 0 1px #ffffff0d}.faq-page-item:hover{border-color:color-mix(in srgb,var(--faq-page-primary) 25%,transparent);transform:translateY(-2px)}.faq-page-item--open{border-color:color-mix(in srgb,var(--faq-page-primary) 40%,transparent);box-shadow:0 12px 40px color-mix(in srgb,var(--faq-page-primary) 15%,transparent),inset 0 1px #ffffff26}.faq-page-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:24px 28px;font-family:inherit;font-size:1.0625rem;font-weight:600;color:var(--faq-page-text);background:transparent;border:none;cursor:pointer;text-align:left;transition:color .3s ease}.faq-page-question:hover{color:var(--faq-page-primary)}.faq-page-question-text{flex:1}.faq-page-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--faq-page-primary);background:color-mix(in srgb,var(--faq-page-primary) 12%,transparent);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.faq-page-item--open .faq-page-icon{background:linear-gradient(135deg,var(--faq-page-primary),var(--faq-page-secondary));color:#fff;transform:rotate(180deg);box-shadow:0 4px 15px var(--faq-page-glow)}.faq-page-answer-wrapper{overflow:hidden}.faq-page-answer{padding:0 28px 24px;font-size:1rem;line-height:1.7;color:var(--faq-page-text-muted)}.faq-page-item--open .faq-page-answer{padding-top:8px}.faq-page-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 24px;text-align:center;color:var(--faq-page-text-muted);background:var(--faq-page-card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--faq-page-border);border-radius:24px}.faq-page-empty svg{opacity:.5;color:var(--faq-page-primary)}@media(max-width:768px){.faq-page-hero{padding:100px 0 32px}.faq-page-hero__title{font-size:28px}.faq-page-hero__subtitle{font-size:16px}.faq-page-content{padding-bottom:64px}.faq-page-tabs{gap:8px}.faq-page-tab{padding:10px 18px;font-size:.875rem}.faq-page-question{padding:20px 24px;font-size:1rem}.faq-page-answer{padding:0 24px 20px;font-size:.9375rem}.faq-page-icon{width:36px;height:36px}.faq-orb-1,.faq-orb-2{display:none}}@media(prefers-reduced-motion:reduce){.faq-page:after,.faq-orb,.faq-page-hero__title{animation:none}.faq-page-item,.faq-page-tab,.faq-page-icon,.faq-page-question{transition:none}}.sidebar{position:relative;height:100vh;background:var(--card);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:24px 16px;overflow-x:hidden;overflow-y:auto;transition:all .4s cubic-bezier(.25,.1,.25,1);z-index:1000}:root:not(.dark) .sidebar{background:var(--card);border-right:1px solid var(--border)}.sidebar__gradient-overlay{position:absolute;top:0;left:0;right:0;height:200px;background:radial-gradient(ellipse at top,var(--primary) 0%,transparent 70%);opacity:.03;pointer-events:none;z-index:1}.sidebar__grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(148,163,184,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.03) 1px,transparent 1px);background-size:20px 20px;opacity:.5;pointer-events:none;animation:gridPulse 8s ease-in-out infinite;z-index:1}@keyframes gridPulse{0%,to{opacity:.3}50%{opacity:.5}}.sidebar--collapsed{padding:24px 12px}.sidebar__header{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;z-index:2}.sidebar__title-wrapper{flex:1;position:relative}.sidebar__title{font-size:24px;font-weight:700;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;margin:0;position:relative}.sidebar__title-accent{position:absolute;bottom:-4px;left:0;width:40px;height:3px;background:linear-gradient(90deg,var(--primary),transparent);border-radius:2px;animation:accentGlow 2s ease-in-out infinite}@keyframes accentGlow{0%,to{opacity:.6;width:40px}50%{opacity:1;width:50px}}.sidebar__toggle{position:relative;width:40px;height:40px;border-radius:16px;background:var( --toggle-bg, color-mix(in srgb, var(--primary) 8%, transparent) );border:1px solid var(--toggle-border, color-mix(in srgb, var(--primary) 15%, transparent));color:var(--toggle-color, var(--muted-foreground));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;overflow:hidden}.sidebar__toggle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;background:var(--primary);border-radius:50%;transition:all .4s ease;opacity:.2}.sidebar__toggle:hover{border-color:var(--primary);color:var(--primary);box-shadow:0 0 20px color-mix(in srgb,var(--primary) 30%,transparent)}.sidebar__toggle:hover:before{width:100%;height:100%}.sidebar__toggle:active{transform:scale(.95)}.sidebar__nav{position:relative;flex:1;display:flex;flex-direction:column;gap:6px;overflow-y:auto;overflow-x:hidden;padding-right:4px;z-index:2;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.2) transparent}.sidebar__nav::-webkit-scrollbar{width:4px}.sidebar__nav::-webkit-scrollbar-track{background:transparent}.sidebar__nav::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:2px}.sidebar__nav::-webkit-scrollbar-thumb:hover{background:#94a3b84d}.sidebar__nav-item{position:relative;display:flex;align-items:center;padding:12px 16px;border-radius:16px;color:var(--nav-color, #94a3b8);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:15px;font-weight:500;background:transparent;overflow:hidden;border:1px solid transparent}.sidebar__nav-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary);transform:scaleY(0);transition:transform .3s ease;border-radius:0 2px 2px 0}.sidebar__nav-item:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);opacity:0;transition:opacity .3s ease;border-radius:16px}.sidebar__nav-item:hover{background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--nav-hover-color, var(--foreground));border-color:color-mix(in srgb,var(--primary) 15%,transparent);transform:translate(4px)}.sidebar__nav-item--active{background:var( --nav-active-bg, color-mix(in srgb, var(--primary) 12%, transparent) );color:var(--primary);border-color:color-mix(in srgb,var(--primary) 30%,transparent);font-weight:600;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 20%,transparent)}.sidebar__nav-item--active:before{transform:scaleY(1)}.sidebar__nav-item--active:after{opacity:.05}.sidebar__nav-item--create{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;border:none;box-shadow:0 4px 16px color-mix(in srgb,var(--primary) 35%,transparent);font-weight:600}.sidebar__nav-item--create:before{display:none}.sidebar__nav-item--create:after{background:linear-gradient(135deg,#fff3,#ffffff0d);opacity:0}.sidebar__nav-item--create:hover{transform:translate(4px) translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 45%,transparent);background:linear-gradient(135deg,var(--primary-hover) 0%,var(--primary) 100%)}.sidebar__nav-item--create:hover:after{opacity:1}.sidebar__nav-item--create.sidebar__nav-item--active{box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 50%,transparent);animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 50%,transparent)}50%{box-shadow:0 8px 32px color-mix(in srgb,var(--primary) 60%,transparent)}}.sidebar__nav-item--collapsed{padding:12px;justify-content:center}.sidebar__nav-icon-wrapper{display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.sidebar__nav-icon-wrapper--special{filter:drop-shadow(0 2px 4px rgba(255,255,255,.3))}.sidebar__nav-icon{flex-shrink:0;position:relative;z-index:1}.sidebar__nav-label{white-space:nowrap;overflow:hidden;position:relative;z-index:1}.sidebar__tooltip{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);padding:8px 14px;background:var(--tooltip-bg, var(--card));color:var(--tooltip-color, var(--foreground));border-radius:12px;font-size:13px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000;border:1px solid var(--border);box-shadow:0 4px 12px #00000026}.sidebar__tooltip:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:var(--border)}.sidebar__nav-item--collapsed:hover .sidebar__tooltip{opacity:1}.sidebar__tooltip--special{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;border-color:#fff3}.sidebar__tooltip--special:before{border-right-color:var(--primary)}.sidebar__divider{height:1px;background:linear-gradient(90deg,transparent 0%,var(--border) 50%,transparent 100%);margin:16px 0;position:relative;transform-origin:center}.sidebar__divider:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:var(--primary);border-radius:50%;box-shadow:0 0 8px var(--primary);animation:dividerpulse 2s ease-in-out infinite}@keyframes dividerpulse{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}}.sidebar__bottom{position:relative;margin-top:auto;padding-top:20px;z-index:10}.sidebar__actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.sidebar--collapsed .sidebar__actions-grid{grid-template-columns:1fr;gap:8px}.sidebar__action-btn{position:relative;width:100%;height:40px;border-radius:12px;background:var( --action-btn-bg, color-mix(in srgb, var(--primary) 8%, transparent) );border:1px solid var( --action-btn-border, color-mix(in srgb, var(--primary) 15%, transparent) );color:var(--action-btn-color, var(--muted-foreground));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;overflow:hidden}.sidebar__action-btn:before{content:"";position:absolute;inset:0;background:var(--primary);opacity:0;transition:opacity .3s ease}.sidebar__action-btn:hover{border-color:var(--primary);color:var(--primary);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 20%,transparent)}.sidebar__action-btn:hover:before{opacity:.1}.sidebar__action-btn>*{position:relative;z-index:1}.sidebar__action-dropdown{position:relative;width:100%;height:40px}.sidebar__bottom-divider{height:1px;background:linear-gradient(90deg,transparent 0%,var(--divider-color, rgba(148, 163, 184, .15)) 50%,transparent 100%);margin:16px 0}.sidebar__logo-link{display:flex;align-items:center;justify-content:center;text-decoration:none;padding:12px 0}.sidebar__logo{position:relative;display:flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:16px;background:var( --logo-bg, color-mix(in srgb, var(--primary) 8%, transparent) );border:1px solid var(--logo-border, color-mix(in srgb, var(--primary) 15%, transparent));overflow:hidden}.sidebar__logo-text{font-size:20px;font-weight:800;letter-spacing:3px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1;text-shadow:0 0 30px color-mix(in srgb,var(--primary) 40%,transparent)}.sidebar--collapsed .sidebar__logo-text{font-size:16px;letter-spacing:2px}.sidebar__logo-glow{position:absolute;inset:-50%;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;animation:rotate 8s linear infinite}.sidebar__logo:hover .sidebar__logo-glow{opacity:.2}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-height:700px){.sidebar{padding:16px 12px}.sidebar__header{margin-bottom:20px}.sidebar__nav-item{padding:10px 14px}}.sidebar__toggle:focus-visible,.sidebar__nav-item:focus-visible,.sidebar__action-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.sidebar,.sidebar__nav-item,.sidebar__toggle,.sidebar__action-btn,.sidebar__logo{transition:none;animation:none}.sidebar__grid-bg,.sidebar__title-accent,.sidebar__divider:after,.sidebar__logo-glow{animation:none}}:root:not(.dark) .sidebar{--nav-color: var(--muted-foreground);--nav-hover-color: var(--foreground);--toggle-color: var(--muted-foreground);--action-btn-color: var(--muted-foreground)}.panel-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:var(--background)}.panel-shell__body{display:flex;flex:1;min-height:0;overflow:hidden}.panel-shell__main{flex:1;background-color:var(--background);overflow-y:auto;overflow-x:hidden;min-height:0;position:relative}.panel-shell__content{min-height:100%;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel-shell__main::-webkit-scrollbar{width:8px}.panel-shell__main::-webkit-scrollbar-track{background:var(--background);border-radius:4px}.panel-shell__main::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px;transition:background .2s ease}.panel-shell__main::-webkit-scrollbar-thumb:hover{background:var(--muted)}.panel-shell__main{scrollbar-width:thin;scrollbar-color:var(--border) var(--background)}.panel-shell__loading{display:flex;align-items:center;justify-content:center;min-height:200px;width:100%}.panel-shell__spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.panel-shell__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:2rem;text-align:center;gap:1rem}.panel-shell__error-icon{width:48px;height:48px;color:var(--destructive)}.panel-shell__error-title{font-size:1.125rem;font-weight:600;color:var(--foreground)}.panel-shell__error-message{font-size:.875rem;color:var(--muted);max-width:400px}.panel-shell__content--entering{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.panel-shell__overlay{display:none;position:fixed;inset:0;background-color:#00000080;z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .3s ease}.panel-shell__overlay--visible{opacity:1}@media(max-width:768px){.panel-shell__overlay{display:block}.panel-shell__content{padding:1rem}}.panel-shell__breadcrumb{padding:.75rem 1.5rem;background-color:var(--background);border-bottom:1px solid var(--border);font-size:.875rem;color:var(--muted)}@media(min-width:768px){.panel-shell__breadcrumb{padding:.75rem 2rem}}.panel-shell__quick-actions{display:flex;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--accent);border-bottom:1px solid var(--border);overflow-x:auto}.panel-shell__quick-actions::-webkit-scrollbar{height:4px}.panel-shell__quick-actions::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.home-container{width:100%;min-height:100%;display:flex;flex-direction:column;position:relative}.home-container:before{content:"";position:absolute;top:-200px;right:-150px;width:500px;height:500px;background:radial-gradient(circle,color-mix(in srgb,var(--panel-primary) 15%,transparent),transparent 70%);filter:blur(80px);pointer-events:none;z-index:0}.home-container:after{content:"";position:absolute;bottom:-150px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,color-mix(in srgb,var(--panel-secondary) 12%,transparent),transparent 70%);filter:blur(70px);pointer-events:none;z-index:0}.hero-section{display:grid;grid-template-columns:1fr;gap:var(--panel-space-2xl);padding:var(--panel-space-2xl) var(--panel-space-lg);position:relative;overflow:visible;min-height:calc(100vh - 60px);z-index:1}@media(min-width:768px){.hero-section{padding:64px var(--panel-space-2xl)}}@media(min-width:1024px){.hero-section{grid-template-columns:1.2fr .8fr;padding:64px}}@media(min-width:1280px){.hero-section{padding:80px 96px}}.hero-content{display:flex;flex-direction:column;gap:var(--panel-space-lg);z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:var(--panel-space-xs);padding:var(--panel-space-xs) 20px;background:color-mix(in srgb,var(--panel-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--panel-primary) 25%,transparent);border-radius:100px;width:fit-content;font-size:14px;font-weight:500;color:var(--panel-primary);box-shadow:var(--panel-glow-sm);transition:all var(--panel-transition-smooth);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-badge:hover{background:color-mix(in srgb,var(--panel-primary) 18%,transparent);border-color:color-mix(in srgb,var(--panel-primary) 40%,transparent);box-shadow:var(--panel-glow-md);transform:translateY(-2px)}.hero-badge-icon{color:var(--panel-primary);filter:drop-shadow(0 0 4px var(--panel-primary))}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;color:var(--foreground);margin:0;letter-spacing:-.02em}.hero-title-gradient{background:linear-gradient(135deg,var(--panel-primary) 0%,var(--panel-secondary) 50%,var(--panel-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:panel-gradient-shift 12s ease infinite;display:inline-block;position:relative}.hero-title-gradient:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--panel-primary),var(--panel-secondary),transparent);border-radius:2px;opacity:.5;animation:hero-bar-pulse 8s ease-in-out infinite}@keyframes hero-bar-pulse{0%,to{width:100%;opacity:.5}50%{width:70%;opacity:.7}}.hero-description{font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;color:var(--muted-foreground);max-width:600px}.hero-cta{display:inline-flex;align-items:center;gap:var(--panel-space-sm);padding:16px var(--panel-space-xl);background:linear-gradient(135deg,var(--panel-primary),var(--panel-primary-hover));border:none;border-radius:var(--panel-radius-lg);font-size:16px;font-weight:600;color:var(--primary-foreground);cursor:pointer;box-shadow:0 8px 24px #5e369859,var(--panel-glow-md);transition:all var(--panel-transition-smooth);width:fit-content;position:relative;overflow:hidden}.hero-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff4d,#fff0);opacity:0;transition:opacity var(--panel-transition-smooth)}.hero-cta:hover{background:linear-gradient(135deg,var(--panel-primary-hover),var(--panel-primary));transform:translateY(-3px);box-shadow:0 12px 32px #5e369873,var(--panel-glow-lg)}.hero-cta:hover:before{opacity:1}.hero-cta:active{transform:translateY(-1px)}.hero-visual{position:relative;display:none;align-items:center;justify-content:center;height:400px;z-index:1}@media(min-width:1024px){.hero-visual{display:flex}}.hero-orb{position:absolute;border-radius:50%;filter:blur(70px);animation:panel-float 8s ease-in-out infinite;opacity:.8}.hero-orb-1{width:320px;height:320px;background:radial-gradient(circle,color-mix(in srgb,var(--panel-primary) 45%,transparent),transparent);top:10%;right:20%;animation-delay:0s}.hero-orb-2{width:280px;height:280px;background:radial-gradient(circle,color-mix(in srgb,var(--panel-secondary) 35%,transparent),transparent);bottom:20%;right:10%;animation-delay:2s}.hero-orb-3{width:220px;height:220px;background:radial-gradient(circle,color-mix(in srgb,var(--panel-accent) 30%,transparent),transparent);top:50%;right:50%;animation-delay:4s}.stats-section{padding:var(--panel-space-2xl) var(--panel-space-lg);position:relative;z-index:1}@media(min-width:768px){.stats-section{padding:64px var(--panel-space-2xl)}}@media(min-width:1024px){.stats-section{padding:64px}}@media(min-width:1280px){.stats-section{padding:80px 96px}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--panel-space-lg);max-width:1400px;margin:0 auto}.stat-card{display:flex;align-items:center;gap:var(--panel-space-lg);padding:var(--panel-space-lg);background:var(--panel-glass-bg);border:var(--panel-border-md);border-radius:var(--panel-radius-xl);backdrop-filter:blur(var(--panel-glass-blur));-webkit-backdrop-filter:blur(var(--panel-glass-blur));box-shadow:var(--panel-shadow-md),inset 0 1px #ffffff1a;transition:all var(--panel-transition-smooth);cursor:pointer;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--panel-primary),var(--panel-secondary));border-radius:inherit;opacity:0;z-index:-1;filter:blur(15px);transition:opacity var(--panel-transition-smooth)}.stat-card:hover{border-color:color-mix(in srgb,var(--panel-primary) 40%,transparent);box-shadow:var(--panel-shadow-lg),var(--panel-glow-sm);transform:translateY(-4px)}.stat-card:hover:before{opacity:.25}.stat-icon-wrapper{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,var(--panel-primary),var(--panel-primary-hover));border-radius:var(--panel-radius-lg);box-shadow:0 4px 16px #5e369859,var(--panel-glow-sm);position:relative;overflow:hidden;flex-shrink:0}.stat-icon-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity var(--panel-transition-smooth)}.stat-card:hover .stat-icon-wrapper:before{opacity:1}.stat-icon{color:var(--primary-foreground);z-index:1}.stat-content{display:flex;flex-direction:column;gap:4px;flex:1}.stat-value{font-size:2rem;font-weight:700;color:var(--foreground);line-height:1;background:linear-gradient(135deg,var(--foreground),var(--muted-foreground));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.875rem;color:var(--muted-foreground);font-weight:500}.section-header{text-align:center;margin-bottom:var(--panel-space-2xl)}.section-title{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;color:var(--foreground);margin-bottom:var(--panel-space-sm);letter-spacing:-.02em;background:linear-gradient(135deg,var(--foreground) 0%,var(--muted-foreground) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:1.125rem;color:var(--muted-foreground);font-weight:400}.quick-actions-section{padding:var(--panel-space-2xl) var(--panel-space-lg);position:relative;z-index:1}@media(min-width:768px){.quick-actions-section{padding:64px var(--panel-space-2xl)}}@media(min-width:1024px){.quick-actions-section{padding:64px}}@media(min-width:1280px){.quick-actions-section{padding:80px 96px}}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--panel-space-lg);max-width:1400px;margin:0 auto}.action-card{position:relative;padding:var(--panel-space-xl);background:var(--panel-glass-bg);border:var(--panel-border-md);border-radius:var(--panel-radius-xl);backdrop-filter:blur(var(--panel-glass-blur));-webkit-backdrop-filter:blur(var(--panel-glass-blur));cursor:pointer;overflow:hidden;transition:all var(--panel-transition-smooth);box-shadow:var(--panel-shadow-md),inset 0 1px #ffffff1a}.action-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--panel-primary),var(--panel-secondary),var(--panel-accent));border-radius:inherit;opacity:0;z-index:-1;filter:blur(20px);transition:opacity var(--panel-transition-smooth)}.action-card:hover{border-color:color-mix(in srgb,var(--panel-primary) 40%,transparent);box-shadow:var(--panel-shadow-xl),var(--panel-glow-md);transform:translateY(-8px)}.action-card:hover:before{opacity:.3}.action-card-gradient{position:absolute;inset:0;opacity:0;transition:opacity var(--panel-transition-smooth);z-index:0}.action-card:hover .action-card-gradient{opacity:.08}.action-card-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--panel-space-md)}.action-icon-wrapper{display:flex;align-items:center;justify-content:center;width:72px;height:72px;background:color-mix(in srgb,var(--panel-primary) 12%,transparent);border-radius:var(--panel-radius-lg);border:1px solid color-mix(in srgb,var(--panel-primary) 25%,transparent);box-shadow:var(--panel-glow-sm);transition:all var(--panel-transition-smooth);position:relative;overflow:hidden}.action-icon-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--panel-primary),transparent);opacity:0;transition:opacity var(--panel-transition-smooth)}.action-card:hover .action-icon-wrapper{background:color-mix(in srgb,var(--panel-primary) 18%,transparent);border-color:color-mix(in srgb,var(--panel-primary) 40%,transparent);transform:scale(1.05) rotate(3deg);box-shadow:var(--panel-glow-md)}.action-card:hover .action-icon-wrapper:before{opacity:.1}.action-icon{color:var(--panel-primary);z-index:1;filter:drop-shadow(0 0 8px rgba(94,54,152,.3))}.action-title{font-size:1.25rem;font-weight:700;color:var(--foreground);margin:0;letter-spacing:-.01em}.action-description{font-size:.875rem;color:var(--muted-foreground);line-height:1.5;margin:0}.action-arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:color-mix(in srgb,var(--panel-primary) 10%,transparent);border-radius:var(--panel-radius-md);margin-top:auto;color:var(--panel-primary);transition:all var(--panel-transition-smooth);border:1px solid color-mix(in srgb,var(--panel-primary) 15%,transparent)}.action-card:hover .action-arrow{background:color-mix(in srgb,var(--panel-primary) 15%,transparent);border-color:color-mix(in srgb,var(--panel-primary) 30%,transparent)}.features-section{padding:var(--panel-space-2xl) var(--panel-space-lg);position:relative;z-index:1}@media(min-width:768px){.features-section{padding:64px var(--panel-space-2xl)}}@media(min-width:1024px){.features-section{padding:64px}}@media(min-width:1280px){.features-section{padding:80px 96px}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--panel-space-lg);max-width:1400px;margin:0 auto}.feature-card{padding:var(--panel-space-xl);background:var(--panel-glass-bg);border:var(--panel-border-md);border-radius:var(--panel-radius-xl);backdrop-filter:blur(var(--panel-glass-blur));-webkit-backdrop-filter:blur(var(--panel-glass-blur));text-align:center;transition:all var(--panel-transition-smooth);box-shadow:var(--panel-shadow-md),inset 0 1px #ffffff1a;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--panel-primary),var(--panel-secondary));border-radius:inherit;opacity:0;z-index:-1;filter:blur(15px);transition:opacity var(--panel-transition-smooth)}.feature-card:hover{border-color:color-mix(in srgb,var(--panel-primary) 40%,transparent);box-shadow:var(--panel-shadow-lg),var(--panel-glow-sm);transform:scale(1.02)}.feature-card:hover:before{opacity:.2}.feature-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--panel-primary),var(--panel-primary-hover));border-radius:var(--panel-radius-xl);margin-bottom:var(--panel-space-lg);box-shadow:0 8px 24px #5e369866,var(--panel-glow-md);transition:all var(--panel-transition-smooth);position:relative;overflow:hidden}.feature-icon-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.3),transparent);opacity:0;transition:opacity var(--panel-transition-smooth)}.feature-card:hover .feature-icon-wrapper{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 32px #5e369880,var(--panel-glow-lg)}.feature-card:hover .feature-icon-wrapper:before{opacity:1}.feature-icon{color:var(--primary-foreground);z-index:1}.feature-title{font-size:1.25rem;font-weight:700;color:var(--foreground);margin:0 0 var(--panel-space-sm) 0;letter-spacing:-.01em}.feature-description{font-size:.875rem;color:var(--muted-foreground);line-height:1.6;margin:0}@media(max-width:768px){.section-header{margin-bottom:var(--panel-space-xl)}.stats-grid,.quick-actions-grid,.features-grid{grid-template-columns:1fr}}@media(max-width:480px){.hero-cta{width:100%;justify-content:center}.stat-card{padding:var(--panel-space-md)}.action-card,.feature-card{padding:var(--panel-space-lg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-orb,.hero-title-gradient{animation:none}}.contact-admin{position:relative;min-height:100vh;padding:var(--panel-space-xl);overflow:hidden}.contact-admin__bg-orbs{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.contact-admin__orb-1{top:-50px;right:-50px;animation-delay:0s}.contact-admin__orb-2{bottom:100px;left:-100px;animation-delay:2s}.contact-admin__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--panel-space-xl);position:relative;z-index:1;flex-wrap:wrap;gap:var(--panel-space-lg)}.contact-admin__header-content{display:flex;align-items:center;gap:var(--panel-space-lg)}.contact-admin__header-text{display:flex;flex-direction:column;gap:var(--panel-space-xs)}.contact-admin__title{font-size:2rem;font-weight:700;margin:0;line-height:1.2}.contact-admin__subtitle{color:var(--muted-foreground);font-size:.95rem;margin:0}.contact-admin__header-stats{display:flex;gap:var(--panel-space-lg)}.contact-admin__stat{display:flex;flex-direction:column;align-items:center;padding:var(--panel-space-md) var(--panel-space-lg);background:var(--panel-glass-bg);border:var(--panel-border-sm);border-radius:var(--panel-radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.contact-admin__stat-value{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--panel-primary),var(--panel-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.contact-admin__stat-label{font-size:.8rem;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}.contact-admin__toolbar{display:flex;align-items:center;gap:var(--panel-space-md);padding:var(--panel-space-md) var(--panel-space-lg);margin-bottom:var(--panel-space-xl);position:relative;z-index:1}.contact-admin__search{flex:1;display:flex;align-items:center;gap:var(--panel-space-sm);position:relative}.contact-admin__search-icon{color:var(--muted-foreground)}.contact-admin__search-input{flex:1;background:transparent;border:none;outline:none;font-size:1rem;color:var(--foreground);padding:var(--panel-space-xs) 0}.contact-admin__search-input::placeholder{color:var(--muted-foreground)}.contact-admin__search-clear{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:color-mix(in srgb,var(--muted-foreground) 15%,transparent);border-radius:50%;cursor:pointer;transition:all var(--panel-transition-base);color:var(--muted-foreground)}.contact-admin__search-clear:hover{background:color-mix(in srgb,var(--muted-foreground) 25%,transparent);color:var(--foreground)}.contact-admin__refresh{white-space:nowrap}.contact-admin__sort-btn{display:inline-flex;align-items:center;gap:var(--panel-space-xs);padding:10px 16px;background:color-mix(in srgb,var(--panel-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--panel-primary) 25%,transparent);border-radius:var(--panel-radius-md);color:var(--panel-primary);font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--panel-transition-base);white-space:nowrap}.contact-admin__sort-btn:hover{background:color-mix(in srgb,var(--panel-primary) 18%,transparent);border-color:color-mix(in srgb,var(--panel-primary) 35%,transparent);transform:translateY(-1px)}.contact-admin__content{position:relative;z-index:1}.contact-admin__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--panel-space-lg);padding:var(--panel-space-2xl);color:var(--muted-foreground)}.contact-admin__loading p{font-size:1.1rem}.contact-admin__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--panel-space-lg);padding:var(--panel-space-2xl);text-align:center;color:var(--muted-foreground)}.contact-admin__error svg{color:#ef4444}.contact-admin__error p{font-size:1.1rem;max-width:400px}.contact-admin__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--panel-space-md);padding:var(--panel-space-2xl);text-align:center}.contact-admin__empty svg{color:var(--panel-primary);opacity:.5}.contact-admin__empty h3{font-size:1.25rem;font-weight:600;margin:0;color:var(--foreground)}.contact-admin__empty p{color:var(--muted-foreground);margin:0}.contact-admin__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--panel-space-lg)}.contact-admin__card{display:flex;flex-direction:column;gap:var(--panel-space-md);padding:var(--panel-space-lg);transition:all var(--panel-transition-smooth)}.contact-admin__card:hover{transform:translateY(-4px)}.contact-admin__card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--panel-space-sm)}.contact-admin__card-meta{display:flex;flex-direction:column;gap:var(--panel-space-xs)}.contact-admin__card-id{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:color-mix(in srgb,var(--panel-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--panel-primary) 20%,transparent);border-radius:999px;font-size:.75rem;font-weight:600;color:var(--panel-primary)}.contact-admin__card-date{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--muted-foreground)}.contact-admin__card-date svg{opacity:.7}.contact-admin__card-actions{display:flex;gap:var(--panel-space-xs)}.contact-admin__btn-action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--panel-radius-sm);cursor:pointer;transition:all var(--panel-transition-base)}.contact-admin__btn-view{background:color-mix(in srgb,var(--panel-primary) 12%,transparent);color:var(--panel-primary)}.contact-admin__btn-view:hover{background:color-mix(in srgb,var(--panel-primary) 20%,transparent);transform:scale(1.05)}.contact-admin__btn-delete{background:color-mix(in srgb,#ef4444 12%,transparent);color:#ef4444}.contact-admin__btn-delete:hover:not(:disabled){background:color-mix(in srgb,#ef4444 20%,transparent);transform:scale(1.05)}.contact-admin__btn-delete:disabled{opacity:.6;cursor:not-allowed}.contact-admin__card-body{display:flex;flex-direction:column;gap:var(--panel-space-sm)}.contact-admin__info{display:flex;align-items:center;gap:var(--panel-space-sm);font-size:.9rem}.contact-admin__info svg{color:var(--panel-secondary);flex-shrink:0}.contact-admin__name{font-weight:600;color:var(--foreground)}.contact-admin__link{color:var(--panel-primary);text-decoration:none;transition:color var(--panel-transition-base);word-break:break-all}.contact-admin__link:hover{color:var(--panel-secondary);text-decoration:underline}.contact-admin__card-message{display:flex;gap:var(--panel-space-sm);padding:var(--panel-space-md);background:color-mix(in srgb,var(--panel-primary) 5%,transparent);border-radius:var(--panel-radius-md);margin-top:auto}.contact-admin__card-message svg{color:var(--panel-secondary);flex-shrink:0;margin-top:2px}.contact-admin__card-message p{margin:0;font-size:.85rem;color:var(--muted-foreground);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.contact-admin__preview{display:flex;flex-direction:column;gap:var(--panel-space-md)}.contact-admin__preview-row{display:flex;align-items:center;gap:var(--panel-space-md);padding-bottom:var(--panel-space-sm);border-bottom:1px solid var(--panel-glass-border)}.contact-admin__preview-label{display:flex;align-items:center;gap:var(--panel-space-xs);min-width:100px;font-size:.85rem;color:var(--muted-foreground);font-weight:500}.contact-admin__preview-label svg{color:var(--panel-primary)}.contact-admin__preview-value{font-weight:500;color:var(--foreground)}.contact-admin__preview-message{display:flex;flex-direction:column;gap:var(--panel-space-sm);margin-top:var(--panel-space-sm)}.contact-admin__preview-text{margin:0;padding:var(--panel-space-md);background:color-mix(in srgb,var(--panel-primary) 5%,transparent);border-radius:var(--panel-radius-md);border:1px solid var(--panel-glass-border);line-height:1.6;white-space:pre-wrap;word-break:break-word}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}@media(max-width:768px){.contact-admin{padding:var(--panel-space-md)}.contact-admin__header{flex-direction:column;align-items:flex-start}.contact-admin__header-content{flex-direction:column;align-items:flex-start;gap:var(--panel-space-md)}.contact-admin__title{font-size:1.5rem}.contact-admin__toolbar{flex-direction:column;gap:var(--panel-space-md)}.contact-admin__search{width:100%}.contact-admin__refresh{width:100%;justify-content:center}.contact-admin__grid{grid-template-columns:1fr}}@media(max-width:480px){.contact-admin__header-icon{display:none}.contact-admin__preview-row{flex-direction:column;align-items:flex-start;gap:var(--panel-space-xs)}.contact-admin__preview-label{min-width:auto}}.dashboard{width:100%;min-height:100%;padding:var(--panel-space-lg);display:flex;flex-direction:column;gap:var(--panel-space-lg);position:relative}.dashboard:before{content:"";position:absolute;top:-150px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,color-mix(in srgb,var(--panel-primary) 12%,transparent),transparent 70%);filter:blur(80px);pointer-events:none;z-index:0}@media(min-width:768px){.dashboard{padding:var(--panel-space-xl);gap:28px}}@media(min-width:1024px){.dashboard{padding:40px;gap:var(--panel-space-xl)}}@media(min-width:1280px){.dashboard{padding:var(--panel-space-2xl)}}.dashboard__header{display:flex;flex-direction:column;gap:var(--panel-space-md);padding-bottom:var(--panel-space-lg);border-bottom:1px solid var(--border);position:relative;z-index:1}@media(min-width:768px){.dashboard__header{flex-direction:row;justify-content:space-between;align-items:flex-end}}.dashboard__header:after{content:"";position:absolute;bottom:-2px;left:0;width:120px;height:3px;background:linear-gradient(90deg,var(--panel-primary),transparent);border-radius:2px;box-shadow:var(--panel-glow-sm)}.dashboard__header-content{display:flex;flex-direction:column;gap:var(--panel-space-xs)}.dashboard__title{font-size:1.75rem;font-weight:800;color:var(--foreground);margin:0;letter-spacing:-.025em;display:flex;align-items:center;gap:var(--panel-space-sm);background:linear-gradient(135deg,var(--foreground),var(--muted-foreground));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(min-width:768px){.dashboard__title{font-size:2rem}}.dashboard__title-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:linear-gradient(135deg,var(--panel-primary),var(--panel-primary-hover));border-radius:14px;box-shadow:0 8px 24px #5e369859,var(--panel-glow-sm)}.dashboard__title-icon svg{color:var(--primary-foreground)}.dashboard__description{font-size:.9375rem;color:var(--muted-foreground);margin:0;max-width:500px}.dashboard__header-actions{display:flex;gap:var(--panel-space-sm);flex-wrap:wrap}.dashboard__header-btn{display:flex;align-items:center;gap:var(--panel-space-xs);padding:10px 20px;background:linear-gradient(135deg,var(--panel-primary),var(--panel-primary-hover));color:var(--primary-foreground);border:none;border-radius:var(--panel-radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--panel-transition-smooth);box-shadow:0 4px 16px #5e36984d,var(--panel-glow-sm)}.dashboard__header-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #5e369866,var(--panel-glow-md)}.dashboard__header-btn--secondary{background:transparent;border:1px solid var(--border);color:var(--foreground);box-shadow:none}.dashboard__header-btn--secondary:hover{background:var(--accent);border-color:var(--panel-primary)}.dashboard__stats-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--panel-space-md);position:relative;z-index:1}@media(min-width:640px){.dashboard__stats-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.dashboard__stats-grid{grid-template-columns:repeat(4,1fr);gap:var(--panel-space-lg)}}.dashboard__stat-card{position:relative;padding:var(--panel-space-lg);background:var(--panel-glass-bg);border:var(--panel-border-md);border-radius:var(--panel-radius-xl);backdrop-filter:blur(var(--panel-glass-blur));-webkit-backdrop-filter:blur(var(--panel-glass-blur));overflow:hidden;transition:all var(--panel-transition-smooth);box-shadow:var(--panel-shadow-md),inset 0 1px #ffffff1a}.dashboard__stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--stat-color, var(--panel-primary));opacity:0;transition:opacity var(--panel-transition-smooth)}.dashboard__stat-card:after{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--stat-color, var(--panel-primary)),transparent);border-radius:inherit;opacity:0;z-index:-1;filter:blur(20px);transition:opacity var(--panel-transition-smooth)}.dashboard__stat-card:hover{border-color:var(--stat-color, var(--panel-primary));transform:translateY(-6px);box-shadow:var(--panel-shadow-lg),var(--panel-glow-sm)}.dashboard__stat-card:hover:before{opacity:1}.dashboard__stat-card:hover:after{opacity:.2}.dashboard__stat-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--panel-space-md)}.dashboard__stat-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;background:color-mix(in srgb,var(--stat-color, var(--panel-primary)) 12%,transparent);border:1px solid color-mix(in srgb,var(--stat-color, var(--panel-primary)) 20%,transparent);transition:all var(--panel-transition-smooth);position:relative;overflow:hidden}.dashboard__stat-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--stat-color, var(--panel-primary)),transparent);opacity:0;transition:opacity var(--panel-transition-smooth)}.dashboard__stat-card:hover .dashboard__stat-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 4px 16px color-mix(in srgb,var(--stat-color, var(--panel-primary)) 35%,transparent)}.dashboard__stat-card:hover .dashboard__stat-icon:before{opacity:.1}.dashboard__stat-icon svg{color:var(--stat-color, var(--panel-primary));z-index:1;filter:drop-shadow(0 0 6px rgba(94,54,152,.3))}.dashboard__stat-change{display:flex;align-items:center;gap:4px;padding:4px 10px;background:color-mix(in srgb,var(--success) 12%,transparent);border-radius:20px;font-size:.75rem;font-weight:600;color:var(--success);border:1px solid color-mix(in srgb,var(--success) 20%,transparent)}.dashboard__stat-change--negative{background:color-mix(in srgb,var(--destructive) 12%,transparent);color:var(--destructive);border-color:color-mix(in srgb,var(--destructive) 20%,transparent)}.dashboard__stat-value{font-size:2rem;font-weight:800;color:var(--foreground);margin-bottom:4px;line-height:1;background:linear-gradient(135deg,var(--foreground),var(--muted-foreground));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard__stat-label{font-size:.875rem;color:var(--muted-foreground);font-weight:500}.dashboard__charts-grid{display:grid;grid-template-columns:1fr;gap:var(--panel-space-lg);position:relative;z-index:1}@media(min-width:1024px){.dashboard__charts-grid{grid-template-columns:repeat(2,1fr)}}.dashboard__charts-grid--full{grid-template-columns:1fr}.dashboard__chart-card{position:relative;padding:var(--panel-space-lg);background:var(--panel-glass-bg);border:var(--panel-border-md);border-radius:var(--panel-radius-xl);backdrop-filter:blur(var(--panel-glass-blur));-webkit-backdrop-filter:blur(var(--panel-glass-blur));overflow:hidden;transition:all var(--panel-transition-smooth);box-shadow:var(--panel-shadow-md),inset 0 1px #ffffff1a}.dashboard__chart-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--panel-primary),var(--panel-secondary));border-radius:inherit;opacity:0;z-index:-1;filter:blur(20px);transition:opacity var(--panel-transition-smooth)}.dashboard__chart-card:hover{border-color:color-mix(in srgb,var(--panel-primary) 40%,transparent);box-shadow:var(--panel-shadow-lg),var(--panel-glow-sm)}.dashboard__chart-card:hover:before{opacity:.15}.dashboard__chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--panel-space-lg)}.dashboard__chart-title{font-size:1.125rem;font-weight:700;color:var(--foreground);display:flex;align-items:center;gap:10px;letter-spacing:-.01em}.dashboard__chart-title-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:color-mix(in srgb,var(--panel-primary) 12%,transparent);border-radius:10px;border:1px solid color-mix(in srgb,var(--panel-primary) 20%,transparent)}.dashboard__chart-title-icon svg{color:var(--panel-primary)}.dashboard__chart-actions{display:flex;gap:var(--panel-space-xs)}.dashboard__chart-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border);border-radius:10px;cursor:pointer;color:var(--muted-foreground);transition:all var(--panel-transition-smooth)}.dashboard__chart-action-btn:hover{background:color-mix(in srgb,var(--panel-primary) 10%,transparent);border-color:var(--panel-primary);color:var(--panel-primary)}.dashboard__chart-container{height:300px;position:relative}.dashboard__chart-legend{display:flex;justify-content:center;gap:var(--panel-space-lg);margin-top:var(--panel-space-md);padding-top:var(--panel-space-md);border-top:1px solid var(--border)}.dashboard__chart-legend-item{display:flex;align-items:center;gap:var(--panel-space-xs);font-size:.8125rem;color:var(--muted-foreground)}.dashboard__chart-legend-dot{width:10px;height:10px;border-radius:50%}.dashboard__activities{position:relative;padding:var(--panel-space-lg);background:var(--panel-glass-bg);border:var(--panel-border-md);border-radius:var(--panel-radius-xl);backdrop-filter:blur(var(--panel-glass-blur));-webkit-backdrop-filter:blur(var(--panel-glass-blur));overflow:hidden;box-shadow:var(--panel-shadow-md),inset 0 1px #ffffff1a;z-index:1}.dashboard__activities-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--panel-space-lg)}.dashboard__activities-title{font-size:1.125rem;font-weight:700;color:var(--foreground);display:flex;align-items:center;gap:10px;letter-spacing:-.01em}.dashboard__activities-badge{padding:4px var(--panel-space-sm);background:linear-gradient(135deg,var(--panel-primary),var(--panel-primary-hover));color:var(--primary-foreground);font-size:.75rem;font-weight:600;border-radius:20px;box-shadow:var(--panel-glow-sm)}.dashboard__activities-list{display:flex;flex-direction:column;gap:var(--panel-space-sm)}.dashboard__activity-item{display:flex;align-items:flex-start;gap:var(--panel-space-md);padding:var(--panel-space-md);background:var(--accent);border-radius:14px;border:1px solid transparent;transition:all var(--panel-transition-smooth);cursor:pointer;position:relative;overflow:hidden}.dashboard__activity-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--panel-primary),transparent);opacity:0;transition:opacity var(--panel-transition-smooth)}.dashboard__activity-item:hover{border-color:var(--panel-primary);transform:translate(4px);background:color-mix(in srgb,var(--panel-primary) 5%,var(--accent))}.dashboard__activity-item:hover:before{opacity:.05}.dashboard__activity-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,var(--panel-primary),var(--panel-primary-hover));border-radius:var(--panel-radius-md);flex-shrink:0;box-shadow:var(--panel-glow-sm);position:relative;z-index:1}.dashboard__activity-icon svg{color:var(--primary-foreground);width:18px;height:18px}.dashboard__activity-content{flex:1;min-width:0;position:relative;z-index:1}.dashboard__activity-message{font-size:.9375rem;font-weight:500;color:var(--foreground);margin-bottom:6px}.dashboard__activity-meta{display:flex;align-items:center;gap:var(--panel-space-sm)}.dashboard__activity-time{font-size:.75rem;color:var(--muted-foreground)}.dashboard__activity-platform{display:flex;align-items:center;gap:4px;padding:4px 10px;background:color-mix(in srgb,var(--panel-primary) 12%,transparent);border-radius:6px;font-size:.6875rem;font-weight:600;color:var(--panel-primary);text-transform:uppercase;letter-spacing:.5px;border:1px solid color-mix(in srgb,var(--panel-primary) 20%,transparent)}.dashboard__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--panel-space-2xl) var(--panel-space-lg);text-align:center}.dashboard__empty-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:color-mix(in srgb,var(--panel-primary) 12%,transparent);border-radius:var(--panel-radius-xl);margin-bottom:var(--panel-space-lg);border:1px solid color-mix(in srgb,var(--panel-primary) 20%,transparent);box-shadow:var(--panel-glow-sm)}.dashboard__empty-icon svg{width:40px;height:40px;color:var(--panel-primary)}.dashboard__empty-title{font-size:1.125rem;font-weight:600;color:var(--foreground);margin-bottom:var(--panel-space-xs)}.dashboard__empty-description{font-size:.875rem;color:var(--muted-foreground);max-width:300px;margin-bottom:var(--panel-space-lg)}.dashboard__skeleton{background:linear-gradient(90deg,var(--accent) 25%,var(--border) 50%,var(--accent) 75%);background-size:200% 100%;animation:panel-shimmer 1.5s linear infinite;border-radius:var(--panel-radius-md)}.dashboard__skeleton--card{height:160px;border-radius:var(--panel-radius-xl)}.dashboard__skeleton--chart{height:380px;border-radius:var(--panel-radius-xl)}.recharts-tooltip-wrapper{z-index:100}.dashboard__tooltip{background:var(--card)!important;border:var(--panel-border-md)!important;border-radius:var(--panel-radius-md)!important;padding:var(--panel-space-sm) var(--panel-space-md)!important;box-shadow:var(--panel-shadow-lg)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.dashboard__tooltip-label{font-weight:600;color:var(--foreground);margin-bottom:var(--panel-space-xs)}.dashboard__tooltip-item{display:flex;align-items:center;gap:var(--panel-space-xs);font-size:.8125rem;color:var(--muted-foreground)}@media(prefers-reduced-motion:reduce){.dashboard__stat-card,.dashboard__chart-card,.dashboard__activity-item{transition:none}.dashboard__skeleton{animation:none}}@media(max-width:480px){.dashboard__stat-value{font-size:1.5rem}.dashboard__stat-icon{width:44px;height:44px}.dashboard__chart-container{height:250px}.dashboard__activity-item{padding:var(--panel-space-sm)}}:root{--calendar-primary: #5e3698;--calendar-secondary: #8f6ed5;--calendar-accent: #bfa6f2;--calendar-success: #10b981;--calendar-warning: #f59e0b;--calendar-danger: #ef4444;--calendar-glow: rgba(94, 54, 152, .3);--calendar-content-indicator: #ef4444}:is([data-theme=dark],.dark){--calendar-primary: #7b4fd1;--calendar-secondary: #9d7df0;--calendar-accent: #c5aeff;--calendar-glow: rgba(123, 79, 209, .4)}.calendar-page{display:flex;flex-direction:column;gap:8px;width:100%;max-width:100%;height:calc(100vh - 20px);padding:8px;margin:0;box-sizing:border-box;overflow:hidden}@media(min-width:1024px){.calendar-page{flex-direction:row;gap:10px;padding:10px}}.calendar-page>div:first-child{display:flex;flex:1;min-width:0;min-height:0}.calendar-page>div:last-child{display:flex;flex-shrink:0}@media(min-width:1024px){.calendar-page>div:last-child{width:600px}}.calendar-card{display:flex;flex-direction:column;width:100%;height:100%;padding:var(--panel-space-lg);background:var(--panel-glass-bg);border:var(--panel-border-md);border-radius:var(--panel-radius-xl);backdrop-filter:blur(var(--panel-glass-blur));-webkit-backdrop-filter:blur(var(--panel-glass-blur));box-sizing:border-box;box-shadow:var(--panel-shadow-md),inset 0 1px #ffffff1a;overflow:hidden;min-height:0}.calendar-header{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border);flex-shrink:0}@media(min-width:1024px){.calendar-header{flex-direction:row;align-items:center;justify-content:space-between}}.calendar-header__top{display:flex;align-items:center}.calendar-header__title{display:flex;align-items:center;gap:10px;font-size:1.125rem;font-weight:700;color:var(--foreground);margin:0}.calendar-header__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,var(--calendar-primary),var(--calendar-secondary));border-radius:10px;flex-shrink:0}.calendar-header__icon svg{color:#fff;width:18px;height:18px}.calendar-header__nav{display:flex;align-items:center;justify-content:center;gap:10px}.calendar-nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--accent);border:1px solid var(--border);border-radius:8px;color:var(--foreground);cursor:pointer;transition:all .2s ease;flex-shrink:0}.calendar-nav-btn:hover{background:var(--calendar-primary);color:#fff;border-color:var(--calendar-primary)}.calendar-month-title{font-size:1rem;font-weight:700;color:var(--foreground);min-width:140px;text-align:center;text-transform:capitalize}.calendar-body{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow:hidden;padding:12px;background:var(--accent);border-radius:12px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;flex-shrink:0}.calendar-weekday{text-align:center;font-size:.8125rem;font-weight:600;color:var(--muted-foreground);padding:8px 0;text-transform:uppercase;letter-spacing:.3px}.calendar-grid{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0}.calendar-row{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;flex:1}.calendar-day{position:relative;display:flex;align-items:center;justify-content:center;min-height:40px;padding:6px;border-radius:10px;border:2px solid transparent;cursor:pointer;font-size:.9375rem;font-weight:600;color:var(--foreground);background:var(--card);transition:all var(--panel-transition-smooth)}@media(min-width:1024px){.calendar-day{font-size:1rem;min-height:0;height:100%;border-radius:var(--panel-radius-md)}}.calendar-day:hover{background:var(--muted);border-color:var(--calendar-accent);transform:scale(1.05);box-shadow:var(--panel-glow-sm)}.calendar-day--other-month{color:var(--muted-foreground);opacity:.35;background:transparent}.calendar-day--today{background:color-mix(in srgb,var(--panel-primary) 12%,transparent);border-color:var(--calendar-primary);font-weight:700;box-shadow:var(--panel-glow-sm)}.calendar-day--selected{background:linear-gradient(135deg,var(--calendar-primary),var(--calendar-secondary));color:#fff;border-color:transparent;font-weight:700;box-shadow:0 4px 12px var(--calendar-glow),var(--panel-glow-md)}.calendar-day--selected:hover{opacity:.95;transform:scale(1.05)}.calendar-day--has-content{border-color:var(--calendar-content-indicator);border-width:2px}.calendar-day--has-content:after{content:"";position:absolute;top:3px;right:3px;width:6px;height:6px;background:var(--calendar-content-indicator);border-radius:50%}@media(min-width:1024px){.calendar-day--has-content:after{top:4px;right:4px;width:7px;height:7px}}.calendar-day--selected.calendar-day--has-content:after{background:#fff}.calendar-selected-info{margin-top:auto;padding:12px 16px;border-radius:10px;background:linear-gradient(135deg,#5e369814,#8f6ed50f);border:1px solid rgba(94,54,152,.15);text-align:center;flex-shrink:0}.calendar-selected-label{font-size:.75rem;color:var(--muted-foreground);margin:0 0 4px;text-transform:uppercase;letter-spacing:.3px}.calendar-selected-date{font-size:.9375rem;font-weight:700;color:var(--calendar-primary);margin:0}.calendar-content-panel{display:flex;flex-direction:column;width:100%;height:100%;background:var(--panel-glass-bg);border:var(--panel-border-md);border-radius:var(--panel-radius-xl);backdrop-filter:blur(var(--panel-glass-blur));-webkit-backdrop-filter:blur(var(--panel-glass-blur));overflow:hidden;box-sizing:border-box;box-shadow:var(--panel-shadow-md),inset 0 1px #ffffff1a}.calendar-content-header{display:flex;flex-direction:column;gap:12px;padding:16px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,#5e36980a,#8f6ed508);flex-shrink:0}.calendar-content-header__top{display:flex;align-items:center;justify-content:space-between;gap:8px}.calendar-content-header__date{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.calendar-content-header__icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:linear-gradient(135deg,var(--calendar-primary),var(--calendar-secondary));border-radius:8px;flex-shrink:0}.calendar-content-header__icon svg{color:#fff;width:16px;height:16px}.calendar-content-header__text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.calendar-content-header__text h2{font-size:.875rem;font-weight:700;color:var(--foreground);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-content-header__text p{font-size:.6875rem;color:var(--muted-foreground);margin:0}.calendar-content-header__count{display:flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:linear-gradient(135deg,var(--calendar-primary),var(--calendar-secondary));color:#fff;font-size:.75rem;font-weight:700;border-radius:6px;flex-shrink:0}.calendar-add-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 12px;background:linear-gradient(135deg,var(--calendar-primary),var(--calendar-secondary));color:#fff;border:none;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.calendar-add-btn:hover{opacity:.95}.calendar-content-list{flex:1;padding:12px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:10px;min-height:0}.calendar-content-list::-webkit-scrollbar{width:8px}.calendar-content-list::-webkit-scrollbar-track{background:var(--accent);border-radius:4px}.calendar-content-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--calendar-primary),var(--calendar-secondary));border-radius:4px;border:2px solid var(--accent)}.calendar-content-list::-webkit-scrollbar-thumb:hover{background:var(--calendar-primary)}.calendar-content-list{scrollbar-width:thin;scrollbar-color:var(--calendar-primary) var(--accent)}.calendar-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 12px;text-align:center;flex:1;min-height:0;box-sizing:border-box}.calendar-empty-state__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#5e36981a,#8f6ed51a);border-radius:12px;margin-bottom:12px}.calendar-empty-state__icon svg{width:24px;height:24px;color:var(--calendar-primary)}.calendar-empty-state__title{font-size:.875rem;font-weight:600;color:var(--foreground);margin:0 0 4px}.calendar-empty-state__description{font-size:.6875rem;color:var(--muted-foreground);max-width:180px;line-height:1.4;margin:0}.planned-content-card{display:flex;flex-direction:column;gap:var(--panel-space-sm);padding:var(--panel-space-md);background:var(--card);border:var(--panel-border-md);border-radius:var(--panel-radius-md);transition:all var(--panel-transition-smooth);width:100%;min-width:0;max-width:100%;min-height:160px;overflow:hidden;flex-shrink:0;box-sizing:border-box;position:relative}.planned-content-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--panel-primary),var(--panel-secondary));border-radius:inherit;opacity:0;z-index:-1;filter:blur(15px);transition:opacity var(--panel-transition-smooth)}.planned-content-card:hover{border-color:var(--calendar-primary);box-shadow:var(--panel-shadow-md),var(--panel-glow-sm);transform:translateY(-2px)}.planned-content-card:hover:before{opacity:.2}.planned-content-card--editing{border-color:var(--calendar-primary);box-shadow:0 0 0 2px var(--calendar-primary),0 4px 12px #0000001a;overflow:visible}.planned-content-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;flex-wrap:wrap}.planned-content-card__badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.planned-content-card__badge{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:16px;font-size:.6875rem;font-weight:600}.planned-content-card__badge--platform{background:linear-gradient(135deg,var(--calendar-primary),var(--calendar-secondary));color:#fff}.planned-content-card__badge--status{text-transform:uppercase;letter-spacing:.3px}.planned-content-card__actions{display:flex;align-items:center;gap:8px}.planned-content-card__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.planned-content-card__btn:disabled{opacity:.5;cursor:not-allowed}.planned-content-card__btn--edit{background:transparent;border:1px solid var(--border);color:var(--foreground)}.planned-content-card__btn--edit:hover:not(:disabled){border-color:var(--calendar-primary);color:var(--calendar-primary)}.planned-content-card__btn--delete{background:#ef44441a;color:var(--calendar-danger)}.planned-content-card__btn--delete:hover:not(:disabled){background:var(--calendar-danger);color:#fff}.planned-content-card__btn--save{background:linear-gradient(135deg,var(--calendar-primary),var(--calendar-secondary));color:#fff}.planned-content-card__btn--save:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.planned-content-card__btn--cancel{background:var(--accent);border:1px solid var(--border);color:var(--foreground)}.planned-content-card__btn--cancel:hover:not(:disabled){background:var(--muted)}.planned-content-card__edit-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,#5e36981a,#8f6ed514);border:1px solid var(--calendar-primary);border-radius:10px}.planned-content-card__edit-banner-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--calendar-primary);border-radius:6px;color:#fff}.planned-content-card__edit-banner-text{font-size:.8125rem;font-weight:600;color:var(--calendar-primary)}.planned-content-card__image{width:100%;border-radius:10px;overflow:hidden;flex-shrink:0;background:var(--accent)}.planned-content-card__image img{width:100%;height:auto;max-height:280px;object-fit:contain;transition:transform .3s ease}.planned-content-card__image:hover img{transform:scale(1.02)}.planned-content-card__text{font-size:.875rem;line-height:1.6;color:var(--foreground);padding:12px;background:var(--accent);border-radius:8px;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;max-height:110px;flex-shrink:0}.planned-content-card__form{display:grid;gap:12px}@media(min-width:640px){.planned-content-card__form{grid-template-columns:repeat(2,1fr)}}.planned-content-card__field{display:flex;flex-direction:column;gap:6px}.planned-content-card__field--full{grid-column:1 / -1}.planned-content-card__label{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--muted-foreground)}.planned-content-card__label svg{color:var(--calendar-primary)}.planned-content-card__input,.planned-content-card__select,.planned-content-card__textarea{padding:10px 12px;background:var(--background);border:1px solid var(--border);border-radius:8px;font-size:.875rem;color:var(--foreground);transition:border-color .2s ease,box-shadow .2s ease}.planned-content-card__input:focus,.planned-content-card__select:focus,.planned-content-card__textarea:focus{outline:none;border-color:var(--calendar-primary);box-shadow:0 0 0 3px var(--calendar-glow)}.planned-content-card__textarea{min-height:100px;resize:vertical}.planned-content-card__footer{display:flex;flex-wrap:wrap;gap:12px;padding-top:12px;border-top:1px solid var(--border)}.planned-content-card__date{display:flex;align-items:center;gap:6px;font-size:.75rem}.planned-content-card__date-label{color:var(--muted-foreground)}.planned-content-card__date-value{color:var(--foreground);font-weight:500}.planned-content-card__delete-confirm{display:flex;flex-direction:column;gap:12px;padding:14px;background:#ef444414;border:1px solid rgba(239,68,68,.3);border-radius:10px}.planned-content-card__delete-confirm-header{display:flex;align-items:flex-start;gap:10px}.planned-content-card__delete-confirm-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ef444426;border-radius:8px;color:var(--calendar-danger);flex-shrink:0}.planned-content-card__delete-confirm-text h4{font-size:.875rem;font-weight:600;color:var(--foreground);margin:0 0 4px}.planned-content-card__delete-confirm-text p{font-size:.8125rem;color:var(--muted-foreground);margin:0;line-height:1.4}.planned-content-card__delete-confirm-actions{display:flex;gap:8px;margin-left:46px}.planned-content-card__btn--confirm-delete{background:var(--calendar-danger);color:#fff}.planned-content-card__btn--confirm-delete:hover:not(:disabled){background:#dc2626}.planned-content-card__error{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ef44441a;border-radius:8px;font-size:.8125rem;color:var(--calendar-danger)}.calendar-form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.calendar-form-field__label{font-size:.8125rem;font-weight:600;color:var(--muted-foreground)}.calendar-form-field__input,.calendar-form-field__textarea,.calendar-form-field__select{padding:10px 12px;background:var(--background);border:1px solid var(--border);border-radius:8px;font-size:.875rem;color:var(--foreground);transition:border-color .2s ease}.calendar-form-field__input:focus,.calendar-form-field__textarea:focus,.calendar-form-field__select:focus{outline:none;border-color:var(--calendar-primary)}.calendar-form-field__textarea{min-height:80px;resize:vertical}@media(max-width:1023px){.calendar-page{flex-direction:column;height:auto;min-height:calc(100vh - 64px);overflow:auto;padding:6px;gap:6px}.calendar-page>div:first-child,.calendar-page>div:last-child{width:100%;flex:none}.calendar-card{height:auto}.calendar-content-panel{min-height:280px}.calendar-row{flex:none}.calendar-day{min-height:44px;height:auto}}@media(max-width:640px){.calendar-page{padding:4px;gap:4px}.calendar-card{padding:12px;border-radius:12px}.calendar-body{padding:6px;border-radius:8px}.calendar-day{font-size:.8125rem;padding:4px;border-radius:8px;min-height:38px}.calendar-header{gap:8px;margin-bottom:10px;padding-bottom:8px}.calendar-header__title{font-size:.9375rem}.calendar-nav-btn{width:30px;height:30px}.calendar-month-title{font-size:.875rem;min-width:110px}.calendar-weekday{font-size:.6875rem;padding:4px 0}.calendar-weekdays,.calendar-row,.calendar-grid{gap:3px}.calendar-content-header{padding:10px}.calendar-content-list{padding:8px}.calendar-content-panel{border-radius:12px}}:root{--create-content-primary: #5e3698;--create-content-secondary: #8f6ed5;--create-content-accent: #bfa6f2;--create-content-success: #10b981;--create-content-warning: #f59e0b;--create-content-error: #ef4444;--create-content-glow: rgba(94, 54, 152, .25);--create-content-border: rgba(94, 54, 152, .12);--create-content-card-bg: rgba(255, 255, 255, .7);--create-content-radius-sm: 8px;--create-content-radius-md: 12px;--create-content-radius-lg: 16px;--create-content-radius-xl: 20px;--create-content-radius-2xl: 24px;--create-content-transition: all .3s cubic-bezier(.4, 0, .2, 1)}:is([data-theme=dark],.dark){--create-content-primary: #7b4fd1;--create-content-secondary: #9d7df0;--create-content-accent: #c5aeff;--create-content-glow: rgba(123, 79, 209, .3);--create-content-border: rgba(123, 79, 209, .2);--create-content-card-bg: rgba(17, 17, 17, .7)}.create-content{display:flex;flex-direction:column;gap:24px;width:100%;height:100%;color:var(--foreground)}.create-content__container{display:flex;flex-direction:column;gap:24px;width:100%;max-width:1200px;margin:0 auto}.create-content-header{display:flex;flex-direction:column;gap:20px;padding:32px 40px;border-radius:20px;border:2px solid color-mix(in srgb,var(--primary) 25%,transparent);background:linear-gradient(135deg,var(--card) 0%,color-mix(in srgb,var(--background) 95%,var(--primary)) 100%);box-shadow:0 8px 32px color-mix(in srgb,var(--primary) 12%,transparent),0 2px 8px #0000000f,inset 0 1px color-mix(in srgb,var(--primary) 8%,transparent);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.create-content-header:before{content:"";position:absolute;top:-100px;right:-100px;width:250px;height:250px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 15%,transparent) 0%,transparent 70%);filter:blur(60px);pointer-events:none;opacity:.8}.create-content-header:after{content:"";position:absolute;bottom:-80px;left:-80px;width:200px;height:200px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 12%,transparent) 0%,transparent 70%);filter:blur(50px);pointer-events:none;opacity:.6}.create-content-header:hover{border-color:color-mix(in srgb,var(--primary) 35%,transparent);box-shadow:0 12px 48px color-mix(in srgb,var(--primary) 18%,transparent),0 4px 12px #00000014,inset 0 1px color-mix(in srgb,var(--primary) 12%,transparent)}.create-content-header__back-btn{display:inline-flex;align-items:center;gap:10px;width:max-content;padding:10px 20px;font-size:.9375rem;font-weight:600;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 8%,transparent)}.create-content-header__back-btn:hover{background:color-mix(in srgb,var(--primary) 18%,transparent);border-color:color-mix(in srgb,var(--primary) 35%,transparent);transform:translate(-4px);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 15%,transparent)}.create-content-header__content{display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}.create-content-header__label{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:6px 14px;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);border-radius:8px;box-shadow:0 2px 6px color-mix(in srgb,var(--primary) 6%,transparent)}.create-content-header__title{font-size:2rem;font-weight:800;margin:0;letter-spacing:-.02em;line-height:1.2;background:linear-gradient(135deg,var(--primary) 0%,color-mix(in srgb,var(--primary) 75%,var(--foreground)) 50%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:gradient-shift 4s ease infinite}.create-content-header__subtitle{font-size:1rem;font-weight:500;color:var(--muted-foreground);margin:0;opacity:.9;line-height:1.5}.create-content__loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 16px;border-radius:var(--create-content-radius-lg);border:1px solid var(--border);text-align:center;color:var(--muted)}.create-content__spinner{width:64px;height:64px;border:4px dashed var(--border);border-top-color:var(--create-content-primary);border-radius:50%;animation:create-content-spin 1s linear infinite}.create-content__spinner--large{width:80px;height:80px}@keyframes create-content-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.create-content__error{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:var(--create-content-radius-lg);background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--create-content-error)}.create-content__error-icon{flex-shrink:0;margin-top:2px}.create-content__error-content{flex:1}.create-content__error-title{font-weight:600;margin-bottom:4px}.create-content__error-message{font-size:.875rem}.create-content__empty{padding:48px 24px;border-radius:var(--create-content-radius-lg);border:1px solid var(--border);text-align:center;color:var(--muted)}.create-content__btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 40px;font-size:1.125rem;font-weight:600;color:var(--primary-foreground);background:linear-gradient(135deg,var(--create-content-primary) 0%,rgba(99,102,241,.85) 100%);border:none;border-radius:9999px;cursor:pointer;box-shadow:0 20px 40px #6366f159;transition:var(--create-content-transition)}.create-content__btn-primary:hover{transform:scale(1.02);box-shadow:0 24px 48px #6366f166}.create-content__btn-primary:active{transform:scale(.98)}.create-content__btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:500;color:var(--foreground);background:transparent;border:1px solid var(--border);border-radius:9999px;cursor:pointer;transition:var(--create-content-transition)}.create-content__btn-secondary:hover{background:var(--accent);border-color:var(--primary)}.create-content__btn-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:500;color:var(--primary-foreground);background:var(--create-content-primary);border:none;border-radius:9999px;cursor:pointer;transition:var(--create-content-transition)}.create-content__btn-action:hover{opacity:.9;transform:translateY(-1px)}.create-content__btn-action:disabled{opacity:.5;cursor:not-allowed;transform:none}.create-content__section{display:flex;flex-direction:column;gap:24px;padding:24px;border-radius:var(--create-content-radius-2xl);border:1px solid var(--border);background:var(--card)}.create-content__section--centered{align-items:center;justify-content:center;text-align:center;min-height:320px}.create-content__info-box{padding:16px;border-radius:var(--create-content-radius-lg);background:#6366f11a;font-size:.875rem;color:var(--create-content-primary)}.create-content__info-box--success{background:#10b9811a;color:var(--create-content-success)}.create-content__info-box--warning{background:#f59e0b1a;color:var(--create-content-warning)}.create-content__btn-group{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.create-content__image-container{width:100%;max-width:768px;border-radius:var(--create-content-radius-2xl);overflow:hidden;border:1px solid var(--border);box-shadow:0 10px 40px #0000001a}.create-content__image{width:100%;height:auto;object-fit:contain;background:#0000000d}.create-content__textarea{width:100%;padding:16px;font-size:.875rem;color:var(--foreground);background:transparent;border:1px solid var(--border);border-radius:var(--create-content-radius-lg);resize:none;transition:var(--create-content-transition)}.create-content__textarea:focus{outline:none;border-color:var(--create-content-primary);box-shadow:0 0 0 3px var(--create-content-glow)}.create-content__textarea::placeholder{color:var(--muted)}.create-content__label{display:block;font-size:.875rem;font-weight:600;color:var(--foreground);margin-bottom:8px}.create-content__label--required:after{content:" *";color:var(--create-content-error)}.content-selection{display:flex;align-items:center;justify-content:center;width:100%;min-height:calc(100vh - 80px);padding:32px 24px;position:relative}.content-selection:before{content:"";position:absolute;top:-100px;right:-80px;width:300px;height:300px;background:radial-gradient(circle,color-mix(in srgb,var(--create-content-primary) 15%,transparent),transparent 70%);filter:blur(60px);pointer-events:none;z-index:0}.content-selection:after{content:"";position:absolute;bottom:-80px;left:-60px;width:250px;height:250px;background:radial-gradient(circle,color-mix(in srgb,var(--create-content-secondary) 12%,transparent),transparent 70%);filter:blur(50px);pointer-events:none;z-index:0}.content-selection__container{max-width:896px;width:100%;position:relative;z-index:1}.content-selection__header{text-align:center;margin-bottom:48px}.content-selection__title{font-size:2.25rem;font-weight:600;letter-spacing:-.02em;margin-bottom:16px;background:linear-gradient(135deg,var(--create-content-primary) 0%,var(--create-content-secondary) 50%,var(--create-content-accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:selection-gradient-shift 4s ease infinite}@keyframes selection-gradient-shift{0%,to{background-position:0% center}50%{background-position:100% center}}.content-selection__subtitle{font-size:1.125rem;color:var(--muted-foreground);font-weight:400;opacity:.85}.content-selection__grid{display:grid;grid-template-columns:repeat(1,1fr);gap:24px}@media(min-width:768px){.content-selection__grid{grid-template-columns:repeat(2,1fr);gap:32px}}.content-selection__card{position:relative;padding:40px 32px;border-radius:20px;border:1px solid var(--create-content-border);background:var(--create-content-card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:pointer;transition:var(--create-content-transition);box-shadow:0 4px 20px color-mix(in srgb,var(--create-content-primary) 8%,transparent),inset 0 1px #ffffff1a;overflow:hidden}:is([data-theme=dark],.dark) .content-selection__card{box-shadow:0 4px 20px color-mix(in srgb,var(--create-content-primary) 15%,transparent),inset 0 1px #ffffff0d}.content-selection__card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--create-content-primary),var(--create-content-secondary),var(--create-content-accent));border-radius:inherit;opacity:0;z-index:-1;filter:blur(20px);transition:opacity .4s ease}.content-selection__card:hover:before{opacity:.35}:is([data-theme=dark],.dark) .content-selection__card:hover:before{opacity:.45}.content-selection__card:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--create-content-primary) 40%,transparent);box-shadow:0 20px 50px color-mix(in srgb,var(--create-content-primary) 20%,transparent),0 8px 25px #0000001a,inset 0 1px #ffffff26}:is([data-theme=dark],.dark) .content-selection__card:hover{box-shadow:0 20px 50px color-mix(in srgb,var(--create-content-primary) 30%,transparent),0 8px 25px #0000004d,inset 0 1px #ffffff14}.content-selection__card-content{display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;z-index:1}.content-selection__icon{width:88px;height:88px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--create-content-primary) 0%,var(--create-content-secondary) 100%);color:#fff;box-shadow:0 8px 24px color-mix(in srgb,var(--create-content-primary) 35%,transparent),inset 0 1px #fff3;transition:var(--create-content-transition)}.content-selection__card:hover .content-selection__icon{transform:scale(1.08) rotate(3deg);box-shadow:0 12px 32px color-mix(in srgb,var(--create-content-primary) 45%,transparent),inset 0 1px #ffffff40}.content-selection__card-title{font-size:1.5rem;font-weight:700;color:var(--foreground);letter-spacing:-.01em;transition:color .3s ease}.content-selection__card:hover .content-selection__card-title{color:var(--create-content-primary)}.content-selection__card-desc{font-size:.9375rem;text-align:center;color:var(--muted-foreground);line-height:1.6;max-width:280px}.edit-content{width:100%;min-height:100%;display:flex;flex-direction:column;gap:32px;color:var(--foreground);padding-bottom:48px}.edit-content__container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px;flex:1}.edit-content__card{position:relative;padding:40px 36px;border-radius:20px;border:2px solid color-mix(in srgb,var(--primary) 30%,transparent);background:linear-gradient(135deg,var(--card) 0%,color-mix(in srgb,var(--background) 95%,var(--primary)) 100%);box-shadow:0 8px 32px color-mix(in srgb,var(--primary) 15%,transparent),0 2px 8px #00000014,inset 0 1px color-mix(in srgb,var(--primary) 10%,transparent);overflow:visible;transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-content__card:hover{border-color:color-mix(in srgb,var(--primary) 40%,transparent);box-shadow:0 12px 48px color-mix(in srgb,var(--primary) 20%,transparent),0 4px 12px #0000001a,inset 0 1px color-mix(in srgb,var(--primary) 15%,transparent)}.edit-content__bg-decoration{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);pointer-events:none}.edit-content__bg-decoration--top{top:-80px;right:-80px;width:320px;height:320px}.edit-content__bg-decoration--bottom{bottom:-60px;left:-60px;width:240px;height:240px}.edit-content__inner{position:relative;z-index:10}.edit-content__header{margin-bottom:36px;text-align:center}.edit-content__icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:20px;margin-bottom:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 20%,transparent),color-mix(in srgb,var(--primary) 10%,transparent));box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 20%,transparent),inset 0 1px color-mix(in srgb,var(--primary) 30%,transparent);transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-content__icon-wrapper:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 32px color-mix(in srgb,var(--primary) 25%,transparent),inset 0 1px color-mix(in srgb,var(--primary) 40%,transparent)}.edit-content__icon{color:var(--primary);filter:drop-shadow(0 2px 4px color-mix(in srgb,var(--primary) 30%,transparent))}.edit-content__title{font-size:2rem;font-weight:700;margin-bottom:12px;letter-spacing:-.02em;background:linear-gradient(135deg,var(--primary) 0%,color-mix(in srgb,var(--primary) 70%,var(--foreground)) 50%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% center}50%{background-position:100% center}}@media(min-width:768px){.edit-content__title{font-size:2.5rem}}.edit-content__subtitle{font-size:1rem;color:var(--muted-foreground);font-weight:500;opacity:.9}@media(min-width:768px){.edit-content__subtitle{font-size:1.125rem}}.edit-content__grid{display:grid;grid-template-columns:1fr;gap:32px;position:relative}.edit-content__grid:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 8%,transparent) 0%,transparent 70%);filter:blur(80px);pointer-events:none;z-index:0}.edit-content__grid>*{position:relative;z-index:1;min-width:0}.edit-content__image-section{width:100%;max-width:100%}.edit-content__image-section img{max-height:380px;width:100%;object-fit:contain}.edit-content__form-wrapper{display:flex;flex-direction:column;width:100%}@media(min-width:900px){.edit-content__grid{grid-template-columns:340px 1fr;gap:40px;align-items:start}.edit-content__grid:before{width:280px;height:280px;left:48%}.edit-content__image-section{position:sticky;top:24px}}@media(min-width:1200px){.edit-content__grid{grid-template-columns:380px 1fr;gap:48px}}.edit-content__form-section{display:flex;flex-direction:column;gap:20px;width:100%}.edit-content__field{display:flex;flex-direction:column;gap:12px}.edit-content__label{display:flex;align-items:center;gap:12px;color:var(--foreground);font-size:.9375rem;font-weight:600;letter-spacing:-.01em}.edit-content__label-icon{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;background-color:color-mix(in srgb,var(--primary) 15%,transparent);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);transition:all .2s ease}.edit-content__field:hover .edit-content__label-icon{transform:scale(1.05)}.edit-content__input{width:100%;padding:12px 16px;border-radius:12px;border:2px solid color-mix(in srgb,var(--primary) 20%,transparent);background-color:var(--background);color:var(--foreground);font-size:.9375rem;box-shadow:0 2px 8px #0000000a;transition:all .2s ease;outline:none}.edit-content__input:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 20%,transparent)}.edit-content__textarea{resize:none;min-height:120px}.edit-content__select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;padding-right:44px}.edit-content__form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:640px){.edit-content__form-row{grid-template-columns:1fr}}.edit-content__error-alert{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px;padding:16px 20px;border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,#ef4444 12%,transparent),color-mix(in srgb,#ef4444 6%,transparent));border:2px solid color-mix(in srgb,#ef4444 30%,transparent);box-shadow:0 4px 16px color-mix(in srgb,#ef4444 12%,transparent)}.edit-content__error-icon{color:#ef4444;margin-top:2px;flex-shrink:0}.edit-content__error-message{font-size:.9375rem;color:#ef4444;font-weight:500;line-height:1.5;margin:0}.edit-content__image-container{border-radius:16px;overflow:hidden;border:2px solid color-mix(in srgb,var(--primary) 25%,transparent);box-shadow:0 8px 32px color-mix(in srgb,var(--primary) 15%,transparent),0 2px 8px #0000000d;transition:all .2s ease}.edit-content__image-container:hover{transform:scale(1.01)}.edit-content__image-wrapper{position:relative;background:linear-gradient(135deg,var(--background) 0%,color-mix(in srgb,var(--primary) 5%,var(--background)) 100%)}.edit-content__image{width:100%;height:auto;max-height:380px;object-fit:contain;display:block}.edit-content__image-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,color-mix(in srgb,var(--primary) 5%,transparent) 100%);pointer-events:none}.edit-content__actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px;padding-top:24px;border-top:2px solid color-mix(in srgb,var(--primary) 15%,transparent)}.edit-content__btn-primary{display:flex;align-items:center;gap:12px;padding:14px 28px;border-radius:12px;font-weight:600;font-size:.9375rem;border:none;cursor:pointer;background:linear-gradient(135deg,var(--primary) 0%,color-mix(in srgb,var(--primary) 80%,#000) 100%);color:var(--primary-foreground);box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 25%,transparent);transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-content__btn-primary:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 12px 32px color-mix(in srgb,var(--primary) 30%,transparent)}.edit-content__btn-primary:disabled{opacity:.6;cursor:not-allowed}.edit-content__btn-secondary{display:flex;align-items:center;gap:8px;padding:14px 24px;border-radius:12px;font-weight:600;font-size:.9375rem;border:2px solid color-mix(in srgb,var(--primary) 25%,transparent);background:transparent;color:var(--foreground);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-content__btn-secondary:hover:not(:disabled){background-color:color-mix(in srgb,var(--primary) 8%,transparent);border-color:color-mix(in srgb,var(--primary) 35%,transparent);transform:translateY(-1px)}.edit-content__btn-secondary:disabled{opacity:.6;cursor:not-allowed}.edit-content__spinner{width:20px;height:20px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){.edit-content__actions{flex-direction:column}.edit-content__btn-primary,.edit-content__btn-secondary{width:100%;justify-content:center}}.create-content--fade-in{animation:create-content-fade-in .3s ease-out}@keyframes create-content-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.create-content-header{padding:24px 20px;gap:16px}.create-content-header:before{width:180px;height:180px;top:-70px;right:-70px}.create-content-header:after{width:150px;height:150px;bottom:-60px;left:-60px}.create-content-header__back-btn{padding:8px 16px;font-size:.875rem;gap:8px}.create-content-header__label{font-size:.6875rem;padding:5px 12px}.create-content-header__title{font-size:1.5rem}.create-content-header__subtitle{font-size:.9375rem}.create-content__btn-primary{width:100%;padding:14px 24px;font-size:1rem}.create-content__section{padding:16px}.edit-content{gap:24px;padding-bottom:32px}.edit-content__card{padding:24px 20px;border-radius:16px}.edit-content__container{padding:0 16px}.edit-content__header{margin-bottom:24px}.edit-content__icon-wrapper{width:56px;height:56px;border-radius:14px;margin-bottom:14px}.edit-content__icon{width:24px;height:24px}.edit-content__title{font-size:1.5rem;margin-bottom:8px}.edit-content__subtitle{font-size:.875rem}.edit-content__grid{gap:24px}.edit-content__grid:before{width:150px;height:150px;filter:blur(60px)}.edit-content__bg-decoration--top{width:180px;height:180px;top:-60px;right:-60px}.edit-content__bg-decoration--bottom{width:140px;height:140px;bottom:-40px;left:-40px}}@media(min-width:769px)and (max-width:899px){.create-content-header{padding:28px 32px}.create-content-header__title{font-size:1.75rem}.edit-content__card{padding:32px 28px}.edit-content__header{margin-bottom:28px}.edit-content__grid{gap:28px}}:root{--scenario-primary: var(--primary);--scenario-secondary: var(--secondary-purple);--scenario-border: var(--border);--scenario-card-bg: var(--card)}.scenario-questions{display:flex;flex-direction:column;gap:32px;width:100%;min-height:100vh;padding:48px 24px;color:var(--foreground);background:var(--background);max-width:900px;margin:0 auto}.scenario-questions__list{display:flex;flex-direction:column;gap:24px}.question-card{padding:28px 32px;background:var(--card);border:1px solid color-mix(in srgb,var(--primary) 15%,transparent);border-radius:18px;box-shadow:0 4px 16px color-mix(in srgb,var(--foreground) 5%,transparent),inset 0 1px color-mix(in srgb,var(--foreground) 3%,transparent);transition:all .3s cubic-bezier(.4,0,.2,1)}.question-card:hover{border-color:color-mix(in srgb,var(--primary) 30%,transparent);box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 12%,transparent),inset 0 1px color-mix(in srgb,var(--primary) 8%,transparent);transform:translateY(-2px)}.question-card__number{display:inline-block;padding:4px 12px;font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);border-radius:999px;margin-bottom:16px}.question-card__title{font-size:1.25rem;font-weight:700;color:var(--foreground);margin:0 0 20px;line-height:1.4;letter-spacing:-.01em}.question-card__options{display:flex;flex-direction:column;gap:12px;margin-top:16px}.question-card__option{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;background:var(--background);border:2px solid color-mix(in srgb,var(--border) 50%,transparent);border-radius:12px;cursor:pointer;transition:all .3s ease}.question-card__option:hover{border-color:var(--scenario-primary);background:color-mix(in srgb,var(--primary) 5%,transparent);transform:translate(4px)}.dark .question-card__option:hover,[data-theme=dark] .question-card__option:hover{background:color-mix(in srgb,var(--primary) 8%,transparent)}.question-card__option--selected{border-color:var(--scenario-primary);background:color-mix(in srgb,var(--primary) 10%,transparent);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 15%,transparent)}.dark .question-card__option--selected,[data-theme=dark] .question-card__option--selected{background:color-mix(in srgb,var(--primary) 12%,transparent)}.question-card__option-input{margin-top:3px;flex-shrink:0;width:20px;height:20px;accent-color:var(--scenario-primary);cursor:pointer}.question-card__option-content{display:flex;flex-direction:column;gap:4px;flex:1}.question-card__option-text{font-weight:600;font-size:.9375rem;color:var(--foreground);line-height:1.5}.question-card__option-status{font-size:.8125rem;color:var(--muted-foreground);line-height:1.4}.question-card__textarea{width:100%;margin-top:16px;padding:16px 18px;font-size:.9375rem;line-height:1.6;color:var(--foreground);background:var(--background);border:2px solid color-mix(in srgb,var(--border) 50%,transparent);border-radius:12px;resize:vertical;min-height:100px;transition:all .3s ease;font-family:inherit}.question-card__textarea:focus{outline:none;border-color:var(--scenario-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 15%,transparent)}.dark .question-card__textarea:focus,[data-theme=dark] .question-card__textarea:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 20%,transparent)}.question-card__textarea::placeholder{color:var(--muted-foreground)}.scenario-questions__submit{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:500px;margin:24px auto 0;padding:18px 48px;font-size:1.125rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--scenario-primary) 0%,color-mix(in srgb,var(--scenario-secondary) 90%,white) 100%);border:none;border-radius:14px;cursor:pointer;box-shadow:0 12px 32px color-mix(in srgb,var(--primary) 35%,transparent);transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em}.dark .scenario-questions__submit,[data-theme=dark] .scenario-questions__submit{box-shadow:0 12px 32px color-mix(in srgb,var(--primary) 40%,transparent)}.scenario-questions__submit:hover{transform:translateY(-3px);box-shadow:0 16px 40px color-mix(in srgb,var(--primary) 45%,transparent)}.dark .scenario-questions__submit:hover,[data-theme=dark] .scenario-questions__submit:hover{box-shadow:0 16px 40px color-mix(in srgb,var(--primary) 50%,transparent)}.scenario-questions__submit:active{transform:translateY(-1px)}@media(max-width:640px){.scenario-questions__submit{max-width:100%;font-size:1rem;padding:16px 36px}}.scenario-result{display:flex;flex-direction:column;gap:32px;width:100%;min-height:100vh;padding:48px 24px;color:var(--foreground);background:var(--background);max-width:1000px;margin:0 auto}.scenario-result__section{display:flex;flex-direction:column;gap:32px;align-items:center;justify-content:center;min-height:400px;padding:48px 32px;text-align:center;border-radius:20px;border:1px solid color-mix(in srgb,var(--primary) 15%,transparent);background:var(--card);box-shadow:0 8px 32px color-mix(in srgb,var(--primary) 10%,transparent),inset 0 1px color-mix(in srgb,var(--foreground) 3%,transparent)}.scenario-result__loading{display:flex;flex-direction:column;align-items:center;gap:24px}.scenario-result__spinner{width:96px;height:96px;border:5px solid color-mix(in srgb,var(--border) 30%,transparent);border-top-color:var(--scenario-primary);border-radius:50%;animation:scenario-spin 1s linear infinite;box-shadow:0 0 20px color-mix(in srgb,var(--primary) 20%,transparent)}@keyframes scenario-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scenario-result__loading-text{text-align:center}.scenario-result__loading-title{font-size:1.375rem;font-weight:700;color:var(--foreground);margin-bottom:8px;letter-spacing:-.01em}.scenario-result__loading-subtitle{font-size:1rem;color:var(--muted-foreground);line-height:1.5}.scenario-result__error{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:600px}.scenario-result__error-text{font-size:1.0625rem;font-weight:600;line-height:1.6;color:var(--destructive);padding:20px 24px;background:color-mix(in srgb,var(--destructive) 10%,transparent);border:1px solid color-mix(in srgb,var(--destructive) 30%,transparent);border-radius:14px}.scenario-result__success{display:flex;flex-direction:column;align-items:center;gap:32px;width:100%}.scenario-result__image-container{position:relative;width:100%;max-width:800px;border-radius:20px;overflow:hidden;border:2px solid color-mix(in srgb,var(--primary) 25%,transparent);box-shadow:0 16px 48px color-mix(in srgb,var(--primary) 20%,transparent),inset 0 1px color-mix(in srgb,var(--foreground) 5%,transparent);background:color-mix(in srgb,var(--foreground) 2%,transparent)}.scenario-result__image-container:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--primary) 0%,color-mix(in srgb,var(--primary) 50%,transparent) 50%,transparent 100%);border-radius:20px;opacity:.3;pointer-events:none;z-index:-1}.scenario-result__image{width:100%;height:auto;object-fit:contain;display:block}.scenario-result__actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;width:100%;max-width:700px}.scenario-result__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;font-size:1rem;font-weight:700;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;letter-spacing:-.01em}.scenario-result__btn--primary{color:#fff;background:linear-gradient(135deg,var(--scenario-primary) 0%,color-mix(in srgb,var(--scenario-primary) 85%,white) 100%);border:none;box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 30%,transparent)}.scenario-result__btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px color-mix(in srgb,var(--primary) 40%,transparent)}.scenario-result__btn--primary:active{transform:translateY(0)}.scenario-result__btn--secondary{color:var(--foreground);background:transparent;border:2px solid color-mix(in srgb,var(--border) 50%,transparent)}.scenario-result__btn--secondary:hover{background:color-mix(in srgb,var(--primary) 8%,transparent);border-color:var(--scenario-primary);transform:translateY(-2px);box-shadow:0 4px 16px color-mix(in srgb,var(--primary) 15%,transparent)}.scenario-result__btn--secondary:active{transform:translateY(0)}@media(max-width:768px){.scenario-result{padding:32px 16px}.scenario-result__section{padding:32px 20px;min-height:320px}.scenario-result__spinner{width:80px;height:80px}.scenario-result__loading-title{font-size:1.125rem}.scenario-result__loading-subtitle{font-size:.9375rem}.scenario-result__actions{flex-direction:column;width:100%}.scenario-result__btn{width:100%;justify-content:center}.question-card{padding:20px 24px}.question-card__title{font-size:1.125rem}.question-card__option{padding:14px 16px}.scenario-questions__submit{padding:16px 36px;font-size:1rem}}.question-card--enter{animation:question-card-enter .3s ease-out}@keyframes question-card-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.scenarios-page{width:100%;min-height:100vh;background:var(--background);padding:48px 24px}.scenarios-page__container{display:flex;flex-direction:column;gap:48px;max-width:1400px;margin:0 auto}@media(max-width:768px){.scenarios-page{padding:32px 16px}.scenarios-page__container{gap:32px}}.scenarios-page__header{position:relative;padding:48px 32px;border-radius:24px;border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,transparent),color-mix(in srgb,var(--primary) 8%,transparent),color-mix(in srgb,var(--primary) 5%,transparent));color:var(--foreground);box-shadow:0 8px 32px color-mix(in srgb,var(--primary) 15%,transparent),inset 0 1px color-mix(in srgb,var(--primary) 10%,transparent);overflow:hidden}.scenarios-page__header:before{content:"";position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle at center,color-mix(in srgb,var(--primary) 20%,transparent) 0%,transparent 70%);pointer-events:none;opacity:.6}.dark .scenarios-page__header,[data-theme=dark] .scenarios-page__header{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 15%,transparent),color-mix(in srgb,var(--primary) 10%,transparent),color-mix(in srgb,var(--primary) 6%,transparent));box-shadow:0 8px 32px color-mix(in srgb,var(--primary) 20%,transparent),inset 0 1px color-mix(in srgb,var(--primary) 15%,transparent)}.scenarios-page__header-label{position:relative;display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--primary);padding:6px 16px;background:color-mix(in srgb,var(--primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);border-radius:999px;margin-bottom:16px}.scenarios-page__header-title{position:relative;font-size:2.5rem;font-weight:700;margin:16px 0;background:linear-gradient(135deg,var(--primary) 0%,color-mix(in srgb,var(--primary) 80%,white) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}@media(max-width:768px){.scenarios-page__header-title{font-size:1.875rem}}.scenarios-page__header-subtitle{position:relative;font-size:1.125rem;line-height:1.6;color:var(--muted-foreground);max-width:800px}.scenarios-page__section{display:flex;flex-direction:column;gap:32px}.scenarios-page__section-header{display:flex;flex-direction:column;gap:12px;text-align:center;max-width:800px;margin:0 auto}.scenarios-page__section-title{font-size:2rem;font-weight:700;color:var(--foreground);letter-spacing:-.02em}@media(max-width:768px){.scenarios-page__section-title{font-size:1.5rem}}.scenarios-page__section-desc{font-size:1.0625rem;line-height:1.6;color:var(--muted-foreground)}.scenarios-page__grid{display:grid;grid-template-columns:repeat(1,1fr);gap:32px;padding:8px}@media(min-width:768px){.scenarios-page__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1280px){.scenarios-page__grid{grid-template-columns:repeat(3,1fr)}}.scenario-card{position:relative;display:flex;flex-direction:column;height:100%;min-height:400px;border-radius:20px;border:1px solid color-mix(in srgb,var(--primary) 15%,transparent);background:var(--card);overflow:hidden;box-shadow:0 4px 20px color-mix(in srgb,var(--primary) 8%,transparent),inset 0 1px color-mix(in srgb,var(--foreground) 5%,transparent);transition:all .4s cubic-bezier(.4,0,.2,1);text-align:left;cursor:pointer}.scenario-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 0%,transparent),color-mix(in srgb,var(--primary) 8%,transparent));opacity:0;transition:opacity .4s ease;pointer-events:none}.scenario-card:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--primary) 40%,transparent);box-shadow:0 20px 48px color-mix(in srgb,var(--primary) 20%,transparent),inset 0 1px color-mix(in srgb,var(--primary) 15%,transparent)}.scenario-card:hover:before{opacity:1}.scenario-card:active{transform:translateY(-4px)}.dark .scenario-card,[data-theme=dark] .scenario-card{box-shadow:0 4px 20px #0000004d,inset 0 1px color-mix(in srgb,var(--foreground) 8%,transparent)}.dark .scenario-card:hover,[data-theme=dark] .scenario-card:hover{box-shadow:0 20px 48px color-mix(in srgb,var(--primary) 25%,transparent),inset 0 1px color-mix(in srgb,var(--primary) 20%,transparent)}.scenario-card__image-wrapper{position:relative;width:100%;height:220px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 15%,transparent),color-mix(in srgb,var(--primary) 8%,transparent))}.scenario-card__image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--background) 30%,transparent) 60%,color-mix(in srgb,var(--background) 50%,transparent) 100%);z-index:1}.scenario-card__image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.scenario-card:hover .scenario-card__image{transform:scale(1.08)}.scenario-card__badge{position:absolute;top:16px;right:16px;z-index:2;padding:6px 14px;border-radius:999px;font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,var(--primary) 0%,color-mix(in srgb,var(--primary) 85%,white) 100%);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 40%,transparent),inset 0 1px color-mix(in srgb,white 20%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.scenario-card__content{position:relative;display:flex;flex-direction:column;gap:20px;padding:24px;flex:1;z-index:2}.scenario-card__title{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;color:var(--foreground);transition:color .3s ease}.scenario-card:hover .scenario-card__title{color:var(--primary)}.scenario-card__desc{margin-top:4px;font-size:.9375rem;line-height:1.6;color:var(--muted-foreground);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.scenario-card__keywords{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.scenario-card__keyword{padding:6px 14px;font-size:.8125rem;font-weight:600;border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,transparent),color-mix(in srgb,var(--primary) 8%,transparent));color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);transition:all .3s ease}.scenario-card__keyword:hover{background:color-mix(in srgb,var(--primary) 15%,transparent);border-color:var(--primary);transform:translateY(-2px)}.dark .scenario-card__keyword,[data-theme=dark] .scenario-card__keyword{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 15%,transparent),color-mix(in srgb,var(--primary) 10%,transparent));border-color:color-mix(in srgb,var(--primary) 30%,transparent)}.scenario-card__meta{display:flex;flex-wrap:wrap;gap:10px;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.scenario-card__meta-item{display:flex;align-items:center;gap:6px;padding:6px 14px;font-size:.8125rem;font-weight:600;border-radius:999px;background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--foreground);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);transition:all .3s ease}.scenario-card__meta-item:hover{background:color-mix(in srgb,var(--primary) 12%,transparent);border-color:var(--primary)}.dark .scenario-card__meta-item,[data-theme=dark] .scenario-card__meta-item{background:color-mix(in srgb,var(--primary) 10%,transparent);border-color:color-mix(in srgb,var(--primary) 25%,transparent)}.scenario-card__details{margin-top:16px;padding-top:20px;border-top:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.scenario-card__details-title{font-size:.8125rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--primary);margin-bottom:12px}.scenario-card__details-list{display:flex;flex-direction:column;gap:8px;max-height:140px;overflow-y:auto;padding-right:8px}.scenario-card__details-list::-webkit-scrollbar{width:4px}.scenario-card__details-list::-webkit-scrollbar-track{background:color-mix(in srgb,var(--border) 30%,transparent);border-radius:999px}.scenario-card__details-list::-webkit-scrollbar-thumb{background:var(--primary);border-radius:999px}.scenario-card__detail-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 12px;font-size:.8125rem;background:color-mix(in srgb,var(--primary) 4%,transparent);border-radius:8px;transition:all .2s ease}.scenario-card__detail-row:hover{background:color-mix(in srgb,var(--primary) 8%,transparent)}.scenario-card__detail-key{font-weight:600;text-transform:capitalize;white-space:nowrap;color:var(--muted-foreground)}.scenario-card__detail-value{text-align:right;font-weight:500;color:var(--foreground);word-break:break-word}.scenarios-page__loading,.scenarios-page__error,.scenarios-page__empty{padding:48px 32px;border-radius:16px;border:1px solid color-mix(in srgb,var(--border) 50%,transparent);text-align:center;color:var(--muted-foreground);background:var(--card);font-size:1.0625rem;font-weight:500}.scenarios-page__error{border-color:color-mix(in srgb,var(--destructive) 40%,transparent);color:var(--destructive);background:color-mix(in srgb,var(--destructive) 8%,var(--card))}:root{--mixer-primary: var(--primary);--mixer-secondary: var(--secondary-purple);--mixer-success: var(--success);--mixer-error: var(--destructive);--mixer-border: var(--border);--mixer-card-bg: var(--card);--mixer-accent: var(--accent);--mixer-image-size: 192px;--mixer-selected-size: 160px}.mixer{display:flex;align-items:flex-start;justify-content:center;width:100%;min-height:100vh;padding:48px 24px;overflow:hidden;background:var(--background)}.mixer__wrapper{display:flex;flex-direction:column;width:100%;height:100%;max-width:1400px;gap:32px}.mixer__header{position:relative;flex-shrink:0;padding:48px 32px;border-radius:24px;border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,transparent),color-mix(in srgb,var(--primary) 8%,transparent),color-mix(in srgb,var(--primary) 5%,transparent));box-shadow:0 8px 32px color-mix(in srgb,var(--primary) 15%,transparent),inset 0 1px color-mix(in srgb,var(--primary) 10%,transparent);overflow:hidden}.mixer__header:before{content:"";position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle at center,color-mix(in srgb,var(--primary) 20%,transparent) 0%,transparent 70%);pointer-events:none;opacity:.6}.dark .mixer__header,[data-theme=dark] .mixer__header{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 15%,transparent),color-mix(in srgb,var(--primary) 10%,transparent),color-mix(in srgb,var(--primary) 6%,transparent));box-shadow:0 8px 32px color-mix(in srgb,var(--primary) 20%,transparent),inset 0 1px color-mix(in srgb,var(--primary) 15%,transparent)}.mixer__title{position:relative;font-size:2.5rem;font-weight:700;margin:0 0 16px;background:linear-gradient(135deg,var(--primary) 0%,color-mix(in srgb,var(--primary) 80%,white) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}@media(max-width:768px){.mixer__title{font-size:1.875rem}}.mixer__subtitle{position:relative;font-size:1.125rem;line-height:1.6;color:var(--muted-foreground);margin:0}.mixer__date{position:relative;display:inline-block;margin-top:12px;padding:6px 16px;font-size:.8125rem;font-weight:600;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);border-radius:999px}.mixer__loading{display:flex;flex-direction:column;align-items:center;gap:20px;padding:64px 24px}.mixer__spinner{width:72px;height:72px;border:4px solid color-mix(in srgb,var(--border) 30%,transparent);border-top-color:var(--mixer-primary);border-radius:50%;animation:mixer-spin 1s linear infinite}@keyframes mixer-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mixer__loading-text{font-size:1rem;font-weight:600;color:var(--muted-foreground)}.mixer__error{display:flex;align-items:flex-start;gap:14px;padding:20px 24px;margin-bottom:24px;border-radius:16px;background:color-mix(in srgb,var(--destructive) 8%,transparent);border:1px solid color-mix(in srgb,var(--destructive) 30%,transparent);color:var(--mixer-error);flex-shrink:0}.mixer__error-icon{flex-shrink:0;margin-top:2px}.mixer__error-content{flex:1}.mixer__error-title{font-weight:700;font-size:1rem;margin-bottom:6px}.mixer__error-message{font-size:.9375rem;line-height:1.5}.mixer__content{display:flex;flex:1;min-height:0;overflow:hidden;justify-content:center;gap:32px}.mixer__content--with-selection{gap:32px}.mixer__main{flex:1;min-height:0;overflow-y:auto;max-width:100%;padding:8px}.mixer__main--with-selection{max-width:calc(100% - 320px)}.mixer__rows{display:flex;flex-direction:column;gap:24px}.mixer__row{padding:32px;display:flex;flex-direction:column;gap:24px;background:var(--card);border:1px solid color-mix(in srgb,var(--border) 50%,transparent);border-radius:20px;box-shadow:0 2px 8px color-mix(in srgb,var(--foreground) 5%,transparent);transition:all .3s ease}.mixer__row:hover{border-color:color-mix(in srgb,var(--primary) 30%,transparent);box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 10%,transparent)}.mixer__row-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid color-mix(in srgb,var(--border) 30%,transparent)}.mixer__row-title{font-size:1.5rem;font-weight:700;color:var(--foreground);margin:0;letter-spacing:-.02em}.mixer__images{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.mixer__add-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:var(--mixer-image-size);height:var(--mixer-image-size);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,transparent),color-mix(in srgb,var(--primary) 5%,transparent));border:2px dashed color-mix(in srgb,var(--primary) 40%,transparent);border-radius:16px;color:var(--primary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.mixer__add-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 15%,transparent),color-mix(in srgb,var(--primary) 8%,transparent));opacity:0;transition:opacity .3s ease}.mixer__add-btn:hover{border-style:solid;border-color:var(--mixer-primary);transform:translateY(-4px);box-shadow:0 12px 32px color-mix(in srgb,var(--primary) 20%,transparent)}.mixer__add-btn:hover:before{opacity:1}.mixer__add-btn:active{transform:translateY(-2px)}.mixer__add-btn-text{position:relative;font-size:.9375rem;font-weight:700;z-index:1}.mixer__image-card{position:relative;width:var(--mixer-image-size);height:var(--mixer-image-size);border-radius:16px;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 50%,transparent);box-shadow:0 4px 16px color-mix(in srgb,var(--foreground) 8%,transparent);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--card);padding:0}.mixer__image-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--primary) 50%,transparent);box-shadow:0 16px 40px color-mix(in srgb,var(--primary) 15%,transparent)}.mixer__image-card--selected{border:3px solid var(--mixer-primary);box-shadow:0 8px 32px color-mix(in srgb,var(--primary) 30%,transparent)}.mixer__image{width:100%;height:100%;object-fit:cover;background:color-mix(in srgb,var(--foreground) 3%,transparent);transition:transform .3s ease}.mixer__image-card:hover .mixer__image{transform:scale(1.05)}.mixer__image-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 30%,transparent),color-mix(in srgb,var(--primary) 40%,transparent));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dark .mixer__image-overlay,[data-theme=dark] .mixer__image-overlay{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 35%,transparent),color-mix(in srgb,var(--primary) 45%,transparent))}.mixer__image-check{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,color-mix(in srgb,var(--primary) 85%,white) 100%);color:#fff;border-radius:50%;box-shadow:0 4px 16px color-mix(in srgb,var(--primary) 50%,transparent)}.mixer__image-check-icon{width:40px;height:40px;object-fit:contain;filter:brightness(0) invert(1)}.mixer__selection-panel{width:304px;flex-shrink:0;height:100%;display:flex;align-items:flex-start}.mixer__selection-card{width:100%;max-height:100%;overflow-y:auto;padding:24px;background:var(--card);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);border-radius:20px;box-shadow:0 8px 32px color-mix(in srgb,var(--primary) 12%,transparent);position:sticky;top:0}.mixer__selection-title{font-size:1.375rem;font-weight:700;text-align:center;color:var(--foreground);margin:0 0 24px;letter-spacing:-.02em}.mixer__selection-slots{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px}.mixer__selection-slot{position:relative;width:var(--mixer-selected-size);height:var(--mixer-selected-size);border-radius:16px;overflow:hidden;border:2px dashed color-mix(in srgb,var(--primary) 30%,transparent);background:color-mix(in srgb,var(--primary) 5%,transparent);transition:all .3s ease}.mixer__selection-slot--filled{border:2px solid var(--mixer-primary);background:transparent;box-shadow:0 4px 16px color-mix(in srgb,var(--primary) 20%,transparent)}.mixer__selection-slot-image{width:100%;height:100%;object-fit:cover}.mixer__selection-slot-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.mixer__selection-slot-text{font-size:.9375rem;font-weight:600;color:var(--muted-foreground)}.mixer__remove-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ef444466}.mixer__remove-btn:hover{transform:scale(1.15);box-shadow:0 4px 16px #ef444499}.mixer__remove-btn:active{transform:scale(1.05)}.mixer__type-label{position:absolute;bottom:0;left:0;right:0;padding:8px;font-size:.75rem;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.85) 100%);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mixer__prompt{margin-bottom:20px;width:100%}.mixer__prompt-label{display:block;font-size:.9375rem;font-weight:700;color:var(--foreground);margin-bottom:10px}.mixer__prompt-required{color:var(--mixer-error)}.mixer__prompt-textarea{width:100%;padding:12px 16px;font-size:.9375rem;color:var(--foreground);background:var(--background);border:2px solid color-mix(in srgb,var(--border) 50%,transparent);border-radius:12px;resize:none;transition:all .3s ease;font-family:inherit}.mixer__prompt-textarea:focus{outline:none;border-color:var(--mixer-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}.dark .mixer__prompt-textarea:focus,[data-theme=dark] .mixer__prompt-textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.mixer__prompt-textarea--error{border-color:var(--mixer-error)}.mixer__prompt-textarea--error:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--destructive) 15%,transparent)}.mixer__prompt-textarea::placeholder{color:var(--muted-foreground)}.mixer__prompt-error{display:flex;align-items:flex-start;gap:10px;margin-top:10px;padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--destructive) 10%,transparent);border:1px solid color-mix(in srgb,var(--destructive) 30%,transparent)}.mixer__prompt-error-icon{flex-shrink:0;margin-top:2px;color:var(--mixer-error)}.mixer__prompt-error-text{font-size:.875rem;line-height:1.5;color:var(--mixer-error);font-weight:500}.mixer__merge-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--mixer-primary) 0%,color-mix(in srgb,var(--mixer-primary) 85%,white) 100%);border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 30%,transparent)}.mixer__merge-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px color-mix(in srgb,var(--primary) 40%,transparent)}.mixer__merge-btn:active:not(:disabled){transform:translateY(0)}.mixer__merge-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.mixer__modal-backdrop{position:fixed;inset:0;z-index:1001;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mixer__modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1002;width:100%;max-width:480px;padding:32px;background:var(--card);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);border-radius:20px;box-shadow:0 25px 50px #0000004d,0 0 0 1px color-mix(in srgb,var(--primary) 10%,transparent)}.mixer__modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.mixer__modal-title{font-size:1.5rem;font-weight:700;color:var(--foreground);margin:0;letter-spacing:-.02em}.mixer__modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:var(--muted-foreground);cursor:pointer;transition:all .3s ease}.mixer__modal-close:hover{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);transform:rotate(90deg)}.mixer__modal-options{display:flex;flex-direction:column;gap:16px}.mixer__modal-option{display:flex;align-items:center;gap:20px;padding:20px;background:color-mix(in srgb,var(--primary) 5%,transparent);border:2px solid color-mix(in srgb,var(--border) 50%,transparent);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left}.mixer__modal-option:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 12px 32px color-mix(in srgb,var(--primary) 15%,transparent);border-color:var(--mixer-primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}.mixer__modal-option:active:not(:disabled){transform:translateY(-2px)}.mixer__modal-option:disabled{opacity:.5;cursor:not-allowed}.mixer__modal-option-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:16px;flex-shrink:0;box-shadow:0 4px 16px #0000001a}.mixer__modal-option-icon--primary{background:linear-gradient(135deg,var(--mixer-primary) 0%,color-mix(in srgb,var(--mixer-primary) 85%,white) 100%);color:#fff}.mixer__modal-option-icon--purple{background:linear-gradient(135deg,var(--mixer-secondary) 0%,color-mix(in srgb,var(--mixer-secondary) 85%,white) 100%);color:#fff}.mixer__modal-option-content{flex:1}.mixer__modal-option-title{font-size:1.125rem;font-weight:700;color:var(--foreground);margin-bottom:4px;letter-spacing:-.01em}.mixer__modal-option-desc{font-size:.9375rem;color:var(--muted-foreground);line-height:1.5}.mixer__modal-option-icon--upload{background:linear-gradient(135deg,var(--mixer-primary) 0%,color-mix(in srgb,var(--mixer-primary) 85%,white) 100%);color:#fff}.mixer__modal-option-icon--gpt{background:linear-gradient(135deg,var(--mixer-secondary) 0%,color-mix(in srgb,var(--mixer-secondary) 85%,white) 100%);color:#fff}.mixer__file-input{display:none}.mixer__flying-image{position:fixed;z-index:1000;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;border:3px solid var(--mixer-primary)}.mixer__flying-image-img{width:100%;height:100%;object-fit:cover}.mixer-generate{display:flex;flex-direction:column;gap:32px;width:100%;min-height:100vh;padding:48px 24px;color:var(--foreground);background:var(--background);max-width:900px;margin:0 auto}.mixer-generate__section{display:flex;flex-direction:column;gap:28px;padding:40px 32px;background:var(--card);border:1px solid color-mix(in srgb,var(--primary) 15%,transparent);border-radius:20px;box-shadow:0 8px 32px color-mix(in srgb,var(--primary) 10%,transparent),inset 0 1px color-mix(in srgb,var(--foreground) 5%,transparent)}.mixer-generate__field{display:flex;flex-direction:column;gap:12px}.mixer-generate__label{font-size:1rem;font-weight:700;color:var(--foreground);letter-spacing:-.01em}.mixer-generate__textarea{width:100%;min-height:180px;padding:18px 20px;font-size:1rem;line-height:1.6;color:var(--foreground);background:var(--background);border:2px solid color-mix(in srgb,var(--border) 50%,transparent);border-radius:14px;resize:vertical;transition:all .3s ease;font-family:inherit}.mixer-generate__textarea:focus{outline:none;border-color:var(--mixer-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 15%,transparent)}.dark .mixer-generate__textarea:focus,[data-theme=dark] .mixer-generate__textarea:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 20%,transparent)}.mixer-generate__textarea::placeholder{color:var(--muted-foreground)}.mixer-generate__info{position:relative;padding:20px 24px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,transparent),color-mix(in srgb,var(--primary) 6%,transparent));border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);font-size:.9375rem;line-height:1.6;overflow:hidden}.mixer-generate__info:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle at center,color-mix(in srgb,var(--primary) 15%,transparent) 0%,transparent 70%);pointer-events:none}.dark .mixer-generate__info,[data-theme=dark] .mixer-generate__info{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,transparent),color-mix(in srgb,var(--primary) 8%,transparent))}.mixer-generate__info-title{position:relative;font-weight:700;font-size:1rem;color:var(--mixer-primary);margin-bottom:8px}.mixer-generate__info-desc{position:relative;color:var(--muted-foreground)}.mixer-generate__error{padding:18px 22px;border-radius:14px;background:color-mix(in srgb,var(--destructive) 10%,transparent);border:1px solid color-mix(in srgb,var(--destructive) 30%,transparent);font-size:.9375rem;font-weight:600;color:var(--mixer-error);line-height:1.5}.mixer-generate__actions{display:flex;gap:16px;padding-top:8px}@media(max-width:640px){.mixer-generate__actions{flex-direction:column-reverse}}.mixer-generate__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;font-size:1rem;font-weight:700;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em}@media(max-width:640px){.mixer-generate__btn{width:100%}}.mixer-generate__btn--primary{color:#fff;background:linear-gradient(135deg,var(--mixer-primary) 0%,color-mix(in srgb,var(--mixer-primary) 85%,white) 100%);border:none;box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 30%,transparent)}.mixer-generate__btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px color-mix(in srgb,var(--primary) 40%,transparent)}.mixer-generate__btn--primary:active:not(:disabled){transform:translateY(0)}.mixer-generate__btn--primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.mixer-generate__btn--secondary{color:var(--foreground);background:transparent;border:2px solid color-mix(in srgb,var(--border) 50%,transparent)}.mixer-generate__btn--secondary:hover{background:color-mix(in srgb,var(--primary) 8%,transparent);border-color:var(--mixer-primary);transform:translateY(-2px);box-shadow:0 4px 16px color-mix(in srgb,var(--primary) 15%,transparent)}.mixer-generate__btn--secondary:active{transform:translateY(0)}.mixer-result{display:flex;flex-direction:column;gap:32px;width:100%;height:100%;color:var(--foreground)}.mixer-result__section{display:flex;flex-direction:column;gap:32px;align-items:center;padding:48px 32px;background:linear-gradient(135deg,var(--card) 0%,color-mix(in srgb,var(--background) 95%,var(--primary)) 100%);border:2px solid color-mix(in srgb,var(--primary) 25%,transparent);border-radius:20px;box-shadow:0 8px 32px color-mix(in srgb,var(--primary) 12%,transparent),0 2px 8px #0000000f,inset 0 1px color-mix(in srgb,var(--primary) 8%,transparent);position:relative;overflow:hidden}.mixer-result__section:before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 12%,transparent) 0%,transparent 70%);filter:blur(70px);pointer-events:none}.mixer-result__section:after{content:"";position:absolute;bottom:-80px;left:-80px;width:250px;height:250px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 10%,transparent) 0%,transparent 70%);filter:blur(60px);pointer-events:none}.mixer-result__merging{display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center;position:relative;z-index:1}.mixer-result__merging-text{text-align:center}.mixer-result__merging-title{font-size:1.25rem;font-weight:700;color:var(--foreground);letter-spacing:-.01em;margin-bottom:8px}.mixer-result__merging-desc{font-size:1rem;color:var(--muted-foreground);font-weight:500;opacity:.9}.mixer-result__selected-info{width:100%;max-width:800px;padding:20px 24px;background:color-mix(in srgb,var(--primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);border-radius:14px;position:relative;z-index:1;box-shadow:0 4px 16px color-mix(in srgb,var(--primary) 8%,transparent)}.mixer-result__selected-title{font-size:1.125rem;font-weight:700;margin-bottom:16px;color:var(--foreground);letter-spacing:-.01em}.mixer-result__selected-tags{display:flex;flex-wrap:wrap;gap:10px}.mixer-result__tag{padding:8px 16px;border-radius:10px;font-size:.9375rem;font-weight:600;background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);transition:all .2s ease;box-shadow:0 2px 6px color-mix(in srgb,var(--primary) 6%,transparent)}.mixer-result__tag:hover{background:color-mix(in srgb,var(--primary) 20%,transparent);transform:translateY(-1px);box-shadow:0 4px 10px color-mix(in srgb,var(--primary) 10%,transparent)}.mixer-result__images-preview{display:flex;align-items:center;gap:16px;justify-content:center}.mixer-result__preview-image{width:80px;height:80px;object-fit:cover;border-radius:12px;border:2px solid color-mix(in srgb,var(--primary) 30%,transparent)}.mixer-result__merge-indicator{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:var(--primary-foreground);border-radius:50%}.mixer-result__progress{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:300px}.mixer-result__progress-bar{width:100%;height:8px;background:color-mix(in srgb,var(--primary) 15%,transparent);border-radius:9999px;overflow:hidden}.mixer-result__progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 80%,#000));border-radius:9999px;animation:mixer-progress 2s ease-in-out infinite}@keyframes mixer-progress{0%{width:0%}50%{width:70%}to{width:100%}}.mixer-result__progress-text{font-size:.875rem;font-weight:500;color:var(--muted-foreground)}.mixer-result__success{display:flex;flex-direction:column;align-items:center;gap:32px;width:100%;position:relative;z-index:1}.mixer-result__success-header{display:flex;align-items:center;gap:12px}.mixer-result__success-icon{color:#10b981}.mixer-result__success-text{font-size:1.25rem;font-weight:600;color:var(--foreground)}.mixer-result__image-container{width:100%;max-width:800px;border-radius:20px;overflow:hidden;border:2px solid color-mix(in srgb,var(--primary) 30%,transparent);box-shadow:0 12px 48px color-mix(in srgb,var(--primary) 18%,transparent),0 4px 16px #00000014;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,var(--background) 0%,color-mix(in srgb,var(--primary) 5%,var(--background)) 100%)}.mixer-result__image-container:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--primary) 40%,transparent);box-shadow:0 16px 64px color-mix(in srgb,var(--primary) 25%,transparent),0 8px 24px #0000001a}.mixer-result__image-container:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,color-mix(in srgb,var(--primary) 5%,transparent) 100%);pointer-events:none}.mixer-result__image{width:100%;height:auto;object-fit:contain;display:block;max-height:600px}.mixer-result__actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;position:relative;z-index:1}.mixer-result__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;font-size:1rem;font-weight:700;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em;box-shadow:0 4px 12px #00000014}.mixer-result__btn--success{color:#fff;background:linear-gradient(135deg,#10b981,color-mix(in srgb,#10b981 85%,#000));border:none;box-shadow:0 8px 24px color-mix(in srgb,#10b981 25%,transparent)}.mixer-result__btn--success:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 32px color-mix(in srgb,#10b981 30%,transparent)}.mixer-result__btn--primary{color:var(--primary-foreground);background:linear-gradient(135deg,var(--primary) 0%,color-mix(in srgb,var(--primary) 85%,#000) 100%);border:none;box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 25%,transparent)}.mixer-result__btn--primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 32px color-mix(in srgb,var(--primary) 30%,transparent)}.mixer-result__btn--secondary{color:var(--foreground);background:transparent;border:2px solid color-mix(in srgb,var(--primary) 25%,transparent);box-shadow:0 2px 8px #0000000a}.mixer-result__btn--secondary:hover{background:color-mix(in srgb,var(--primary) 10%,transparent);border-color:color-mix(in srgb,var(--primary) 35%,transparent);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 12%,transparent)}.mixer-result__error{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;padding:32px 24px;background:linear-gradient(135deg,color-mix(in srgb,#ef4444 10%,transparent),color-mix(in srgb,#ef4444 5%,transparent));border:2px solid color-mix(in srgb,#ef4444 30%,transparent);border-radius:16px;max-width:600px;position:relative;z-index:1;box-shadow:0 8px 24px color-mix(in srgb,#ef4444 12%,transparent)}.mixer-result__error-text{font-weight:600;font-size:1.0625rem;color:#ef4444;line-height:1.5}.mixer__flying-image{position:fixed;z-index:1000;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px #00000080;border:3px solid var(--mixer-primary);pointer-events:none}.mixer__flying-image img{width:100%;height:100%;object-fit:cover}@media(max-width:1024px){.mixer__content{flex-direction:column}.mixer__main--with-selection{max-width:100%}.mixer__selection-panel{width:100%;height:auto}.mixer__selection-card{max-height:none}.mixer__selection-slots{flex-direction:row;flex-wrap:wrap;justify-content:center}}@media(min-width:769px)and (max-width:1024px){.mixer-result__section{padding:36px 28px}.mixer-result__image-container{max-width:600px}.mixer-result__btn{padding:13px 24px}}@media(max-width:768px){.mixer{padding:12px}.mixer__title{font-size:1.5rem}.mixer__row{padding:16px}.mixer__row-title{font-size:1.25rem}.mixer__images{gap:12px}.mixer__add-btn,.mixer__image-card{width:140px;height:140px}.mixer__selection-slot{width:120px;height:120px}.mixer__modal{max-width:calc(100% - 32px);padding:16px}.mixer-result__preview-image{width:60px;height:60px}.mixer-result__section{padding:24px 20px;gap:24px}.mixer-result__section:before{width:180px;height:180px;top:-70px;right:-70px}.mixer-result__section:after{width:150px;height:150px;bottom:-60px;left:-60px}.mixer-result__selected-info{padding:16px 20px}.mixer-result__selected-title{font-size:1rem;margin-bottom:12px}.mixer-result__tag{padding:6px 12px;font-size:.875rem}.mixer-result__merging-title{font-size:1.125rem}.mixer-result__merging-desc{font-size:.9375rem}.mixer-result__image-container{max-width:100%;border-radius:16px}.mixer-result__actions{flex-direction:column;width:100%}.mixer-result__btn{width:100%;padding:12px 20px;font-size:.9375rem}.mixer-result__error{padding:24px 20px}.mixer-result__error-text{font-size:1rem}}.mixer--fade-in{animation:mixer-fade-in .5s ease-out}@keyframes mixer-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mixer--slide-in-right{animation:mixer-slide-in-right .3s ease-out}@keyframes mixer-slide-in-right{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.mixer--scale-in{animation:mixer-scale-in .3s ease-out}@keyframes mixer-scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}:root{--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--primary-purple: #5e3698;--secondary-purple: #8f6ed5;--accent-purple: #bfa6f2;--glow-purple: rgba(94, 54, 152, .5)}:is([data-theme=dark],.dark){--primary-purple: #7b4fd1;--secondary-purple: #9d7df0;--accent-purple: #c5aeff}.blog-admin{--background: #ffffff;--foreground: #231248;--primary: #5e3698;--secondary: #8f6ed5;--accent: #bfa6f2;--muted: rgba(35, 18, 72, .6);--primary-glow: rgba(94, 54, 152, .15);--primary-soft: rgba(94, 54, 152, .05);--card: #ffffff;--border: #e6ddf7}:is([data-theme=dark],.dark) .blog-admin{--background: #0a0a0a;--foreground: #fafafa;--primary: #7b4fd1;--secondary: #9d7df0;--accent: #c5aeff;--muted: #6b7280;--muted-foreground: #9ca3af;--primary-glow: rgba(123, 79, 209, .2);--primary-soft: rgba(123, 79, 209, .08);--card: #111111;--border: #262626}.blog-admin{max-width:90rem;margin:0 auto;padding:2.5rem 1.5rem;min-height:100vh;background:linear-gradient(to bottom,var(--background),var(--card))}.blog-admin__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;flex-wrap:wrap;gap:1rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border)}.blog-admin__title{font-size:2.25rem;font-weight:700;color:var(--foreground);background:linear-gradient(135deg,var(--primary),var(--foreground));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;margin:0}.blog-admin__btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;position:relative;overflow:hidden}.blog-admin__btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background-color:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.blog-admin__btn:active:before{width:300px;height:300px}.blog-admin__btn--primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:var(--shadow-md)}.blog-admin__btn--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.blog-admin__btn--primary:active{transform:translateY(0)}.blog-admin__btn--success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:var(--shadow-md)}.blog-admin__btn--success:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.blog-admin__btn--draft{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:var(--shadow-md)}.blog-admin__btn--draft:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.blog-admin__btn--secondary{background-color:var(--card);color:var(--foreground);border:2px solid var(--border);box-shadow:var(--shadow-sm)}.blog-admin__btn--secondary:hover{background-color:var(--background);border-color:var(--foreground)}.blog-admin__btn--danger{color:#ef4444;background-color:transparent}.blog-admin__btn--danger:hover{background-color:#fee2e2;color:#dc2626}.blog-admin__btn--icon{padding:.625rem;background-color:transparent;color:var(--muted);border-radius:var(--radius-md)}.blog-admin__btn--icon:hover{background-color:var(--card);color:var(--foreground);transform:scale(1.1)}.blog-admin__editor{background:linear-gradient(135deg,var(--card),var(--background));border:2px solid var(--border);border-radius:var(--radius-xl);padding:2.5rem;margin-bottom:3rem;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.blog-admin__editor:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(94,54,152,.08) 0%,transparent 70%);pointer-events:none}.blog-admin__editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;position:relative;z-index:1}.blog-admin__editor-header h2{font-size:1.75rem;font-weight:700;color:var(--foreground);letter-spacing:-.01em;margin:0}.blog-admin__editor-actions{display:flex;gap:.75rem;margin-top:2rem;padding-top:2rem;border-top:2px solid var(--border);flex-wrap:wrap;position:relative;z-index:1;margin-bottom:0}.blog-admin__alert{padding:1rem 1.5rem;border-radius:var(--radius-md);margin-top:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;position:relative;z-index:1;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.blog-admin__alert--error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #fca5a5;color:#dc2626}.blog-admin__alert-close{background:none;border:none;cursor:pointer;color:currentColor;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.blog-admin__alert-close:hover{background:#0000001a}.blog-admin__form{display:flex;flex-direction:column;gap:1.75rem;position:relative;z-index:1}.blog-admin__form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.blog-admin__form-group{display:flex;flex-direction:column;gap:.625rem}.blog-admin__form-group label{font-size:.875rem;font-weight:600;color:var(--foreground);letter-spacing:.01em;display:flex;align-items:center;gap:.375rem}.blog-admin__form-group input,.blog-admin__form-group textarea{padding:.875rem 1rem;border:2px solid var(--border);border-radius:var(--radius-md);font-size:.9375rem;color:var(--foreground);background-color:var(--background);transition:all var(--transition-normal);font-family:inherit}.blog-admin__form-group input:hover,.blog-admin__form-group textarea:hover{border-color:var(--muted)}.blog-admin__form-group input:focus,.blog-admin__form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #5e369826;transform:translateY(-1px)}.blog-admin__form-group textarea{resize:vertical;font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;line-height:1.6;min-height:120px}.blog-admin__date-picker{position:relative;display:flex;align-items:center}.blog-admin__date-icon{position:absolute;left:1rem;color:var(--muted);pointer-events:none;z-index:1}.blog-admin__date-input{padding-left:3rem!important;cursor:pointer}.blog-admin__date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0;position:absolute;right:1rem;width:20px;height:20px}.rte-toolbar{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--card);border:2px solid var(--border);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;flex-wrap:wrap}.rte-toolbar__group{display:flex;gap:.25rem}.rte-toolbar__btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:.5rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--muted);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;font-weight:600}.rte-toolbar__btn:hover{background:var(--background);color:var(--foreground)}.rte-toolbar__btn:active{background:var(--primary);color:#fff;transform:scale(.95)}.rte-toolbar__separator{width:2px;height:24px;background:var(--border);margin:0 .25rem}.rte-content{min-height:400px;max-height:600px;padding:1.25rem;border:2px solid var(--border);border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--background);color:var(--foreground);font-size:1rem;line-height:1.8;overflow-y:auto;outline:none;transition:all var(--transition-normal)}.rte-content:hover{border-color:var(--muted)}.rte-content:focus{border-color:var(--primary);box-shadow:0 0 0 4px #5e369826}.rte-content:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.rte-content h2{font-size:1.875rem;font-weight:700;margin:1.5rem 0 1rem;color:var(--foreground);line-height:1.3}.rte-content h3{font-size:1.5rem;font-weight:600;margin:1.25rem 0 .75rem;color:var(--foreground);line-height:1.4}.rte-content p{margin:1rem 0;line-height:1.8}.rte-content ul,.rte-content ol{margin:1rem 0;padding-left:2rem}.rte-content li{margin:.5rem 0;line-height:1.6}.rte-content a{color:var(--primary);text-decoration:underline;transition:color var(--transition-fast)}.rte-content a:hover{color:var(--secondary)}.rte-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:1.5rem 0;display:block}.rte-content blockquote{margin:1.5rem 0;padding:1rem 1.5rem;border-left:4px solid var(--primary);background:linear-gradient(to right,var(--primary-soft),transparent);font-style:italic;color:var(--muted)}.rte-content pre{margin:1.5rem 0;padding:1.25rem;background:var(--card);border:2px solid var(--border);border-radius:var(--radius-md);overflow-x:auto;font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:.875rem;line-height:1.6}.rte-content code{padding:.25rem .5rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:.875rem}.rte-content strong{font-weight:700}.rte-content em{font-style:italic}.rte-content u{text-decoration:underline}.rte-content::-webkit-scrollbar{width:10px}.rte-content::-webkit-scrollbar-track{background:var(--card);border-radius:0 0 var(--radius-md) 0}.rte-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px;transition:background var(--transition-fast)}.rte-content::-webkit-scrollbar-thumb:hover{background:var(--muted)}.rte-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.rte-modal{background:var(--card);border:2px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:500px;width:100%;overflow:hidden}.rte-modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid var(--border);background:linear-gradient(135deg,var(--card),var(--background))}.rte-modal__header h3{font-size:1.25rem;font-weight:700;color:var(--foreground);margin:0}.rte-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--muted);cursor:pointer;transition:all var(--transition-fast)}.rte-modal__close:hover{background:var(--background);color:var(--foreground)}.rte-modal__body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.rte-modal__field{display:flex;flex-direction:column;gap:.5rem}.rte-modal__field label{font-size:.875rem;font-weight:600;color:var(--foreground)}.rte-modal__field input{padding:.875rem 1rem;border:2px solid var(--border);border-radius:var(--radius-md);font-size:.9375rem;color:var(--foreground);background-color:var(--background);transition:all var(--transition-normal);font-family:inherit}.rte-modal__field input:hover{border-color:var(--muted)}.rte-modal__field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.rte-modal__tabs{display:flex;gap:.5rem;margin-bottom:.5rem}.rte-modal__tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--background);color:var(--muted);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.rte-modal__tab:hover{border-color:var(--primary);color:var(--foreground)}.rte-modal__tab.active{background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:var(--primary);color:#fff}.rte-modal__file-input{position:relative}.rte-modal__file-input input[type=file]{position:absolute;opacity:0;pointer-events:none}.rte-modal__file-input label{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;border:2px dashed var(--border);border-radius:var(--radius-md);background:var(--background);color:var(--muted);font-size:.9375rem;cursor:pointer;transition:all var(--transition-normal);font-weight:500}.rte-modal__file-input label:hover{border-color:var(--primary);background:var(--card);color:var(--foreground)}.rte-modal__preview{margin-top:.5rem;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--border);box-shadow:var(--shadow-md)}.rte-modal__preview img{width:100%;max-height:250px;object-fit:cover;display:block}.rte-modal__footer{display:flex;gap:.75rem;padding:1.5rem;border-top:2px solid var(--border);background:linear-gradient(to bottom,transparent,rgba(0,0,0,.02))}.rte-modal__footer button{flex:1}.blog-admin__image-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.blog-admin__toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--background);color:var(--muted);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.blog-admin__toggle-btn:hover{border-color:var(--primary);color:var(--foreground)}.blog-admin__toggle-btn.active{background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:var(--primary);color:#fff}.blog-admin__file-input{position:relative}.blog-admin__file-input input[type=file]{position:absolute;opacity:0;pointer-events:none}.blog-admin__file-input label{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;border:2px dashed var(--border);border-radius:var(--radius-md);background:var(--card);color:var(--muted);font-size:.9375rem;cursor:pointer;transition:all var(--transition-normal)}.blog-admin__file-input label:hover{border-color:var(--primary);background:var(--background);color:var(--foreground)}.blog-admin__image-preview{margin-top:1rem;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--border);box-shadow:var(--shadow-md)}.blog-admin__image-preview img{width:100%;max-height:300px;object-fit:cover;display:block}.blog-admin__list{margin-top:3rem}.blog-admin__list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem;flex-wrap:wrap}.blog-admin__list-header-left{flex:1;min-width:300px;display:flex;flex-direction:column;gap:1rem}.blog-admin__list-title{font-size:1.75rem;font-weight:700;color:var(--foreground);letter-spacing:-.01em;display:flex;align-items:center;gap:.5rem;margin:0}.blog-admin__list-title:before{content:"";width:4px;height:2rem;background:linear-gradient(to bottom,var(--primary),transparent);border-radius:999px}.blog-admin__search{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--card);border:2px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-normal)}.blog-admin__search:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.blog-admin__search svg{color:var(--muted);flex-shrink:0}.blog-admin__search input{flex:1;border:none;background:transparent;color:var(--foreground);font-size:.9375rem;outline:none;padding:0}.blog-admin__search input::placeholder{color:var(--muted)}.blog-admin__search-clear{background:none;border:none;cursor:pointer;color:var(--muted);padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.blog-admin__search-clear:hover{background:var(--background);color:var(--foreground)}.blog-admin__filters{display:flex;gap:.5rem;flex-wrap:wrap}.blog-admin__filter-btn{padding:.625rem 1.25rem;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--background);color:var(--muted);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.blog-admin__filter-btn:hover{border-color:var(--primary);color:var(--foreground)}.blog-admin__filter-btn.active{background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:var(--primary);color:#fff}.blog-admin__view-controls{display:flex;gap:.75rem;align-items:center}.blog-admin__sort-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--background);color:var(--muted);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.blog-admin__sort-btn:hover{border-color:var(--primary);color:var(--foreground)}.blog-admin__view-toggle{display:flex;gap:.25rem;background:var(--card);padding:.25rem;border-radius:var(--radius-md);border:2px solid var(--border)}.blog-admin__view-btn{padding:.5rem .75rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--muted);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.blog-admin__view-btn:hover{color:var(--foreground)}.blog-admin__view-btn.active{background:var(--background);color:var(--primary);box-shadow:var(--shadow-sm)}.blog-admin__empty{text-align:center;padding:5rem 2rem;background:linear-gradient(135deg,var(--card),var(--background));border:2px dashed var(--border);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.blog-admin__empty:hover{border-color:var(--primary);transform:translateY(-2px)}.blog-admin__empty p{font-size:1.125rem;color:var(--muted);margin-bottom:2rem;font-weight:500}.blog-admin__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem}.blog-admin__cards--list{grid-template-columns:1fr}.blog-admin__card{background:var(--card);border:2px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal);box-shadow:var(--shadow-md);position:relative;display:flex;flex-direction:column}.blog-admin__card--list{flex-direction:row;align-items:stretch}.blog-admin__card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary));opacity:0;transition:opacity var(--transition-normal)}.blog-admin__card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px);border-color:var(--primary)}.blog-admin__card:hover:before{opacity:1}.blog-admin__card-image{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden;background:linear-gradient(135deg,var(--border),var(--muted));flex-shrink:0}.blog-admin__card--list .blog-admin__card-image{width:280px;padding-bottom:0;height:auto}.blog-admin__card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.blog-admin__card:hover .blog-admin__card-image img{transform:scale(1.05)}.blog-admin__card-badge{position:absolute;top:1rem;right:1rem;padding:.375rem 1rem;background:linear-gradient(135deg,#000c,#0009);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:.75rem;font-weight:600;border-radius:999px;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-md)}.blog-admin__card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.blog-admin__card-content h3{font-size:1.25rem;font-weight:700;color:var(--foreground);margin:0 0 .75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.01em;transition:color var(--transition-fast)}.blog-admin__card:hover .blog-admin__card-content h3{color:var(--primary)}.blog-admin__card-excerpt{font-size:.9375rem;color:var(--muted);line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-admin__card-meta{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--muted);margin-bottom:1rem;font-weight:500;flex-wrap:wrap}.blog-admin__card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.blog-admin__card-tag{padding:.375rem .875rem;background:linear-gradient(135deg,var(--background),var(--card));color:var(--primary);font-size:.75rem;font-weight:600;border-radius:999px;border:1px solid var(--border);transition:all var(--transition-fast)}.blog-admin__card-tag:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.blog-admin__card-actions{display:flex;gap:.5rem;padding:1rem 1.5rem;border-top:2px solid var(--border);background:linear-gradient(to bottom,transparent,rgba(0,0,0,.02))}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.blog-admin__loading{background:linear-gradient(90deg,var(--card) 0%,var(--border) 50%,var(--card) 100%);background-size:1000px 100%;animation:shimmer 2s infinite}.blog-admin__overlay{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.blog-admin__overlay-spinner{width:48px;height:48px;border:3px solid var(--card);border-top-color:var(--primary);border-radius:50%;animation:blog-admin-spin .8s linear infinite}.blog-admin__overlay-text{font-size:1rem;font-weight:500;color:var(--foreground)}@keyframes blog-admin-spin{to{transform:rotate(360deg)}}.blog-admin__form-group textarea::-webkit-scrollbar{width:8px}.blog-admin__form-group textarea::-webkit-scrollbar-track{background:var(--card);border-radius:999px}.blog-admin__form-group textarea::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px;transition:background var(--transition-fast)}.blog-admin__form-group textarea::-webkit-scrollbar-thumb:hover{background:var(--muted)}@media(max-width:1024px){.blog-admin__cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.blog-admin{padding:2rem 1rem}.blog-admin__header{flex-direction:column;align-items:flex-start;margin-bottom:2rem}.blog-admin__title{font-size:1.75rem}.blog-admin__editor{padding:1.5rem}.blog-admin__form-row{grid-template-columns:1fr}.blog-admin__editor-header{flex-direction:column;align-items:flex-start}.blog-admin__editor-actions{width:100%}.blog-admin__editor-actions button{flex:1}.rte-toolbar{padding:.5rem;gap:.25rem}.rte-toolbar__btn{width:32px;height:32px;padding:.375rem}.rte-toolbar__separator{display:none}.rte-content{min-height:300px;font-size:.9375rem}.rte-modal{max-width:100%;margin:0 1rem}.rte-modal__header,.rte-modal__body{padding:1rem}.rte-modal__footer{padding:1rem;flex-direction:column}.rte-modal__footer button{width:100%}.blog-admin__cards{grid-template-columns:1fr;gap:1.5rem}.blog-admin__card--list{flex-direction:column}.blog-admin__card--list .blog-admin__card-image{width:100%;padding-bottom:56.25%;height:0}.blog-admin__list-header{flex-direction:column;align-items:stretch}.blog-admin__list-header-left{min-width:100%}.blog-admin__view-controls{justify-content:space-between}.blog-admin__btn{font-size:.8125rem;padding:.625rem 1.25rem}}@media(max-width:480px){.blog-admin__title,.blog-admin__editor-header h2,.blog-admin__list-title{font-size:1.5rem}.blog-admin__image-toggle{flex-direction:column}.blog-admin__filters{width:100%}.blog-admin__filter-btn{flex:1;min-width:0}}.blog-admin__btn:focus-visible,.blog-admin__form-group input:focus-visible,.blog-admin__form-group textarea:focus-visible,.blog-admin__search input:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.blog-admin__btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media(prefers-contrast:high){.blog-admin__btn--primary,.blog-admin__btn--success,.blog-admin__btn--draft{background:var(--foreground);color:var(--background)}.blog-admin__card{border-width:3px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.blog-admin__card:hover,.blog-admin__card:hover .blog-admin__card-image img{transform:none}}:root{--primary-purple: #5e3698;--secondary-purple: #8f6ed5;--accent-purple: #bfa6f2;--glow-purple: rgba(94, 54, 152, .5)}:is([data-theme=dark],.dark){--primary-purple: #7b4fd1;--secondary-purple: #9d7df0;--accent-purple: #c5aeff;--glow-purple: rgba(123, 79, 209, .5)}.blog-detail{min-height:100vh;--background: #fafafa;--foreground: #1a1a2e;--primary: #5e3698;--secondary: #8f6ed5;--accent: #bfa6f2;--muted: rgba(26, 26, 46, .65);--card: rgba(255, 255, 255, .7);--border: rgba(94, 54, 152, .12);background-color:var(--background);position:relative;overflow-x:hidden}:is([data-theme=dark],.dark) .blog-detail{--background: #050505;--foreground: #f5f5f7;--primary: #7b4fd1;--secondary: #9d7df0;--accent: #c5aeff;--muted: rgba(245, 245, 247, .6);--muted-foreground: #9ca3af;--card: rgba(17, 17, 17, .7);--border: rgba(123, 79, 209, .2);background-color:var(--background)}.blog-detail:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 10% 20%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 50%),radial-gradient(ellipse 70% 50% at 90% 15%,color-mix(in srgb,var(--secondary) 10%,transparent),transparent 45%),radial-gradient(ellipse 90% 80% at 50% 50%,color-mix(in srgb,var(--primary) 8%,transparent),transparent 55%),radial-gradient(ellipse 80% 60% at 85% 80%,color-mix(in srgb,var(--secondary) 10%,transparent),transparent 50%);pointer-events:none;z-index:0}.blog-detail:after{content:"";position:fixed;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--primary) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--primary) 4%,transparent) 1px,transparent 1px);background-size:40px 40px;opacity:.5;pointer-events:none;z-index:0;animation:blogDetailGridPulse 12s ease-in-out infinite}@keyframes blogDetailGridPulse{0%,to{opacity:.4}50%{opacity:.6}}.blog-detail__loading,.blog-detail__not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.blog-detail__loading{font-size:1.25rem;color:var(--muted)}.blog-detail__not-found h1{font-size:2rem;font-weight:800;margin-bottom:1.5rem;color:var(--foreground)}.blog-detail__back-button{display:inline-flex;align-items:center;gap:.5rem;margin:2rem 0 1rem 2rem;padding:.75rem 1.25rem;background-color:var(--card);border:1px solid var(--foreground);border-radius:9999px;color:var(--foreground);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.blog-detail__back-button:hover{opacity:.9;transform:translate(-2px)}.blog-detail__back-button:active{transform:translate(-1px)}.blog-detail__back-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.blog-detail__hero-image{width:100%;max-width:87.5rem;height:auto;max-height:500px;object-fit:cover;margin:0 auto;display:block;border-radius:.75rem}.blog-detail__container{max-width:50rem;margin:3rem auto;padding:0 1.5rem}.blog-detail__container h1{font-size:3rem;font-weight:800;color:var(--foreground);line-height:1.2;margin-bottom:1.5rem}.blog-detail__meta{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid var(--foreground);margin-bottom:2.5rem;color:var(--muted);font-size:.9rem}.blog-detail__meta span{display:inline-flex;align-items:center;gap:.5rem}.blog-detail__meta svg{flex-shrink:0}.blog-detail__share-button{display:inline-flex;align-items:center;gap:.5rem;margin-left:auto;padding:.5rem 1rem;background-color:var(--primary);color:#fff;border:none;border-radius:9999px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.blog-detail__share-button:hover{opacity:.9;transform:translateY(-1px)}.blog-detail__share-button:active{transform:translateY(0)}.blog-detail__share-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.blog-detail__content{line-height:1.8;color:var(--foreground);font-size:1.125rem;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.blog-detail__content p{margin-bottom:1.5rem;overflow-wrap:anywhere;word-break:break-word}.blog-detail__content h2{font-size:2rem;font-weight:800;margin-top:2.5rem;margin-bottom:1rem;color:var(--foreground);overflow-wrap:anywhere;word-break:break-word}.blog-detail__content h3{font-size:1.5rem;font-weight:700;margin-top:2rem;margin-bottom:.75rem;color:var(--foreground);overflow-wrap:anywhere;word-break:break-word}.blog-detail__content ul,.blog-detail__content ol{margin-bottom:1.5rem;padding-left:2rem}.blog-detail__content li{margin-bottom:.5rem;overflow-wrap:anywhere;word-break:break-word}.blog-detail__content blockquote{border-left:4px solid var(--primary);padding-left:1.5rem;margin:2rem 0;font-style:italic;color:var(--muted);background-color:var(--card);padding:1.5rem;border-radius:.5rem;overflow-wrap:anywhere;word-break:break-word}.blog-detail__content code{background-color:var(--card);padding:.2rem .5rem;border-radius:.25rem;font-family:Courier New,monospace;font-size:.9em;color:var(--primary);overflow-wrap:anywhere;word-break:break-word}.blog-detail__content pre{background-color:var(--card);border:1px solid var(--foreground);color:var(--foreground);padding:1.5rem;border-radius:.5rem;overflow-x:auto;max-width:100%;margin:2rem 0}.blog-detail__content pre code{background-color:transparent;color:inherit;padding:0;overflow-wrap:anywhere;word-break:break-word}.blog-detail__content img{max-width:100%;height:auto;border-radius:.5rem;margin:2rem 0}.blog-detail__content iframe,.blog-detail__content video{max-width:100%}.blog-detail__content a{color:var(--primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease;overflow-wrap:anywhere;word-break:break-word}.blog-detail__content a:hover{border-bottom-color:var(--primary)}.blog-detail__tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--foreground)}.blog-detail__tag{display:inline-block;padding:.5rem 1rem;background-color:var(--card);color:var(--foreground);border:1px solid var(--foreground);border-radius:9999px;font-size:.85rem;font-weight:500;transition:all .2s ease}.blog-detail__tag:hover{background-color:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px)}.blog-detail__back-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:3rem;padding:.75rem 1.5rem;background-color:var(--card);border:1px solid var(--foreground);border-radius:9999px;color:var(--foreground);font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s ease}.blog-detail__back-link:hover{background-color:var(--primary);color:#fff;border-color:var(--primary);transform:translate(-2px)}.blog-detail__back-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.blog-detail__related{background-color:var(--background);padding:3rem 0;margin-top:4rem}.blog-detail__related-container{max-width:87.5rem;margin:0 auto;padding:0 1.5rem}.blog-detail__related-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(128,128,128,.2)}.blog-detail__related-title{font-size:1.875rem;font-weight:700;color:var(--foreground)}.blog-detail__related-arrows{display:flex;gap:.5rem}.blog-detail__related-arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--card);border:1px solid var(--foreground);border-radius:50%;color:var(--foreground);cursor:pointer;transition:all .2s ease}.blog-detail__related-arrow:hover{background-color:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.05)}.blog-detail__related-arrow:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.blog-detail__related-scroll{display:flex;gap:1.25rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.blog-detail__related-scroll::-webkit-scrollbar{display:none}.blog-detail__related-card{flex:0 0 280px;display:flex;flex-direction:column;background-color:var(--card);border-radius:.75rem;overflow:hidden;text-decoration:none;transition:all .3s ease;position:relative}.blog-detail__related-card:hover{transform:translateY(-6px)}.blog-detail__related-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.blog-detail__related-image{width:100%;height:160px;object-fit:cover}.blog-detail__related-content{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.blog-detail__related-tags{display:flex;gap:.5rem;flex-wrap:wrap}.blog-detail__related-tag{padding:.25rem .75rem;background-color:var(--background);color:var(--muted);border-radius:9999px;font-size:.7rem;font-weight:500;text-transform:uppercase}.blog-detail__related-card-title{font-size:1rem;font-weight:600;color:var(--foreground);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-detail__related-meta{display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.75rem}.blog-detail__related-meta span{display:inline-flex;align-items:center;gap:.25rem}.blog-detail__related-read-more{display:inline-flex;align-items:center;gap:.375rem;color:var(--primary);font-size:.875rem;font-weight:600;margin-top:auto;transition:gap .2s ease}.blog-detail__related-card:hover .blog-detail__related-read-more{gap:.625rem}@media(max-width:768px){.blog-detail__back-button{margin:1.5rem 1rem 1rem}.blog-detail__hero-image{border-radius:0;max-height:300px}.blog-detail__container{padding:0 1.5rem;margin:2rem auto}.blog-detail__container h1{font-size:2.25rem}.blog-detail__meta{gap:1rem;font-size:.85rem}.blog-detail__share-button{width:100%;justify-content:center;margin-left:0}.blog-detail__content{font-size:1rem}.blog-detail__content h2{font-size:1.75rem}.blog-detail__content h3{font-size:1.25rem}.blog-detail__related{padding:2rem 0;margin-top:3rem}.blog-detail__related-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.blog-detail__related-title{font-size:1.5rem}.blog-detail__related-card{flex:0 0 240px}.blog-detail__related-image{height:140px}.blog-detail__related-content{padding:1rem}}@media(max-width:480px){.blog-detail__container h1{font-size:2rem}.blog-detail__back-button{padding:.6rem 1rem;font-size:.9rem}.blog-detail__meta{flex-direction:column;align-items:flex-start;gap:.75rem}.blog-detail__related-title{font-size:1.25rem}.blog-detail__related-arrows{width:100%;justify-content:flex-end}.blog-detail__related-arrow{width:36px;height:36px}.blog-detail__related-card{flex:0 0 220px}.blog-detail__related-image{height:130px}.blog-detail__related-content{padding:.875rem}.blog-detail__related-card-title{font-size:.9rem}}.blog-detail__back-button:focus-visible,.blog-detail__share-button:focus-visible,.blog-detail__back-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.blog-detail__back-button,.blog-detail__share-button,.blog-detail__tag,.blog-detail__back-link,.blog-detail__related-card,.blog-detail__related-arrow{transition:none}.blog-detail__back-button:hover,.blog-detail__share-button:hover,.blog-detail__tag:hover,.blog-detail__back-link:hover,.blog-detail__related-card:hover,.blog-detail__related-arrow:hover{transform:none}.blog-detail__related-card:hover .blog-detail__related-read-more{gap:.375rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){.blog-detail__back-button,.blog-detail__tag,.blog-detail__back-link{border-width:2px}.blog-detail__meta{border-bottom-width:2px}.blog-detail__tags{border-top-width:2px}}:root{--panel-primary: #5e3698;--panel-primary-hover: #4a2b7a;--panel-secondary: #8f6ed5;--panel-accent: #bfa6f2;--panel-glass-bg: rgba(255, 255, 255, .8);--panel-glass-border: rgba(94, 54, 152, .15);--panel-glass-blur: 12px;--panel-glow-sm: 0 0 20px rgba(94, 54, 152, .15);--panel-glow-md: 0 0 30px rgba(94, 54, 152, .25);--panel-glow-lg: 0 0 40px rgba(94, 54, 152, .35);--panel-shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--panel-shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--panel-shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--panel-shadow-xl: 0 12px 48px rgba(0, 0, 0, .15);--panel-border-sm: 1px solid rgba(94, 54, 152, .12);--panel-border-md: 1px solid rgba(94, 54, 152, .2);--panel-border-lg: 2px solid rgba(94, 54, 152, .3);--panel-radius-sm: 8px;--panel-radius-md: 12px;--panel-radius-lg: 16px;--panel-radius-xl: 20px;--panel-radius-2xl: 24px;--panel-space-xs: 8px;--panel-space-sm: 12px;--panel-space-md: 16px;--panel-space-lg: 24px;--panel-space-xl: 32px;--panel-space-2xl: 48px;--panel-transition-fast: .15s ease;--panel-transition-base: .2s ease;--panel-transition-slow: .3s ease;--panel-transition-smooth: .3s cubic-bezier(.4, 0, .2, 1)}.dark,[data-theme=dark]{--panel-primary: #7b4fd1;--panel-primary-hover: #9d7df0;--panel-secondary: #9d7df0;--panel-accent: #c5aeff;--panel-glass-bg: rgba(17, 17, 17, .7);--panel-glass-border: rgba(123, 79, 209, .2);--panel-glow-sm: 0 0 20px rgba(123, 79, 209, .2);--panel-glow-md: 0 0 30px rgba(123, 79, 209, .3);--panel-glow-lg: 0 0 40px rgba(123, 79, 209, .4);--panel-shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--panel-shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--panel-shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--panel-shadow-xl: 0 12px 48px rgba(0, 0, 0, .5)}.panel-card{background:var(--card);border:var(--panel-border-sm);border-radius:var(--panel-radius-lg);padding:var(--panel-space-lg);transition:all var(--panel-transition-smooth);position:relative;overflow:hidden}.panel-card:hover{border-color:#5e36984d;box-shadow:var(--panel-shadow-md);transform:translateY(-2px)}.panel-card--glass{background:var(--panel-glass-bg);border:var(--panel-border-md);backdrop-filter:blur(var(--panel-glass-blur));-webkit-backdrop-filter:blur(var(--panel-glass-blur));box-shadow:var(--panel-shadow-md),inset 0 1px #ffffff1a}.panel-card--glass:hover{background:color-mix(in srgb,var(--panel-glass-bg) 95%,var(--panel-primary) 5%);box-shadow:var(--panel-shadow-lg),var(--panel-glow-sm),inset 0 1px #ffffff26}.panel-card--glow{background:var(--card);border:var(--panel-border-md);border-radius:var(--panel-radius-xl);box-shadow:var(--panel-shadow-md);position:relative}.panel-card--glow:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--panel-primary),var(--panel-secondary),var(--panel-accent));border-radius:inherit;opacity:0;z-index:-1;filter:blur(20px);transition:opacity var(--panel-transition-smooth)}.panel-card--glow:hover:before{opacity:.3}.dark .panel-card--glow:hover:before,[data-theme=dark] .panel-card--glow:hover:before{opacity:.4}.panel-card--premium{background:var(--card);border-radius:var(--panel-radius-xl);padding:var(--panel-space-xl);position:relative;isolation:isolate}.panel-card--premium:before{content:"";position:absolute;inset:0;padding:2px;background:linear-gradient(135deg,var(--panel-primary) 0%,var(--panel-secondary) 50%,var(--panel-accent) 100%);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;z-index:-1;opacity:.6;transition:opacity var(--panel-transition-smooth)}.panel-card--premium:hover:before{opacity:1}.panel-gradient-primary{background:linear-gradient(135deg,var(--panel-primary),var(--panel-primary-hover))}.panel-gradient-full{background:linear-gradient(135deg,var(--panel-primary) 0%,var(--panel-secondary) 50%,var(--panel-accent) 100%)}.panel-gradient-text{background:linear-gradient(135deg,var(--panel-primary),var(--panel-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto}.panel-gradient-text--animated{animation:panel-gradient-shift 4s ease infinite}.panel-glow-sm{box-shadow:var(--panel-glow-sm)}.panel-glow-md{box-shadow:var(--panel-glow-md)}.panel-glow-lg{box-shadow:var(--panel-glow-lg)}.panel-glow-hover{transition:box-shadow var(--panel-transition-smooth)}.panel-glow-hover:hover{box-shadow:var(--panel-glow-md)}@keyframes panel-gradient-shift{0%,to{background-position:0% center}50%{background-position:100% center}}@keyframes panel-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes panel-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}@keyframes panel-glow-pulse{0%,to{box-shadow:var(--panel-glow-sm)}50%{box-shadow:var(--panel-glow-lg)}}@keyframes panel-shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes panel-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.panel-icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--panel-radius-md);background:color-mix(in srgb,var(--panel-primary) 15%,transparent);border:1px solid color-mix(in srgb,var(--panel-primary) 25%,transparent);transition:all var(--panel-transition-smooth)}.panel-icon-wrapper--lg{width:64px;height:64px;border-radius:var(--panel-radius-lg)}.panel-icon-wrapper--xl{width:80px;height:80px;border-radius:var(--panel-radius-xl)}.panel-icon-wrapper:hover{background:color-mix(in srgb,var(--panel-primary) 20%,transparent);border-color:color-mix(in srgb,var(--panel-primary) 35%,transparent);transform:scale(1.05);box-shadow:var(--panel-glow-sm)}.panel-icon-wrapper svg{color:var(--panel-primary)}.panel-btn-primary{display:inline-flex;align-items:center;gap:var(--panel-space-sm);padding:12px 24px;background:linear-gradient(135deg,var(--panel-primary),var(--panel-primary-hover));color:var(--primary-foreground);border:none;border-radius:var(--panel-radius-lg);font-weight:600;cursor:pointer;transition:all var(--panel-transition-smooth);box-shadow:var(--panel-shadow-md),var(--panel-glow-sm);position:relative;overflow:hidden}.panel-btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#fff0);opacity:0;transition:opacity var(--panel-transition-smooth)}.panel-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--panel-shadow-lg),var(--panel-glow-md)}.panel-btn-primary:hover:before{opacity:1}.panel-btn-primary:active{transform:translateY(0)}.panel-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;animation:panel-float 6s ease-in-out infinite}.panel-orb--sm{width:150px;height:150px}.panel-orb--md{width:250px;height:250px}.panel-orb--lg{width:350px;height:350px}.panel-orb--primary{background:radial-gradient(circle,color-mix(in srgb,var(--panel-primary) 40%,transparent),transparent)}.panel-orb--secondary{background:radial-gradient(circle,color-mix(in srgb,var(--panel-secondary) 30%,transparent),transparent)}@media(max-width:768px){:root{--panel-space-xl: 24px;--panel-space-2xl: 32px}.panel-card{padding:var(--panel-space-md)}.panel-card--premium{padding:var(--panel-space-lg)}}@media(prefers-reduced-motion:reduce){.panel-card,.panel-btn-primary,.panel-icon-wrapper,.panel-glow-hover{transition:none;animation:none}.panel-orb,.panel-gradient-text--animated{animation:none}}.panel-card:focus-visible,.panel-btn-primary:focus-visible{outline:2px solid var(--panel-primary);outline-offset:2px}.settings-page{display:flex;flex-direction:column;gap:20px;width:100%;min-height:calc(100vh - 64px);padding:16px;position:relative;z-index:1;box-sizing:border-box}.settings-page .dashboard__header{width:100%}.settings-layout{display:flex;flex-direction:column;gap:20px;position:relative;z-index:1;width:100%;padding-bottom:40px}@media(min-width:1024px){.settings-layout{flex-direction:row}}.settings-sidebar{width:260px;display:flex;flex-direction:column;gap:var(--panel-space-sm);background:var(--panel-glass-bg);border:var(--panel-border-md);border-radius:var(--panel-radius-xl);padding:var(--panel-space-lg);backdrop-filter:blur(var(--panel-glass-blur));-webkit-backdrop-filter:blur(var(--panel-glass-blur));box-shadow:var(--panel-shadow-md),inset 0 1px #ffffff1a;height:fit-content;position:relative;z-index:1}@media(max-width:768px){.settings-sidebar{width:100%;flex-direction:row;overflow-x:auto;gap:var(--panel-space-xs)}}.settings-tab{display:flex;align-items:center;gap:var(--panel-space-sm);padding:var(--panel-space-sm) var(--panel-space-md);background:transparent;border:1px solid transparent;border-radius:var(--panel-radius-md);cursor:pointer;transition:all var(--panel-transition-smooth);color:var(--foreground);font-size:.9375rem;font-weight:500;position:relative;overflow:hidden}.settings-tab:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--panel-primary),transparent);opacity:0;transition:opacity var(--panel-transition-smooth)}.settings-tab:hover{background:color-mix(in srgb,var(--panel-primary) 8%,transparent);border-color:color-mix(in srgb,var(--panel-primary) 20%,transparent)}.settings-tab:hover:before{opacity:.05}.settings-tab--active{background:linear-gradient(135deg,var(--panel-primary),var(--panel-primary-hover));color:var(--primary-foreground);font-weight:600;border-color:transparent;box-shadow:0 4px 16px #5e369859,var(--panel-glow-sm)}.settings-tab--active:before{opacity:0}.settings-tab--active:hover{transform:translate(4px);box-shadow:0 6px 20px #5e369866,var(--panel-glow-md)}.settings-content{flex:1;min-width:0;position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--panel-space-lg);overflow-y:auto;padding-right:var(--panel-space-xs)}.settings-section{display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.settings-section__header{margin-bottom:8px}.settings-section__title{font-size:1.25rem;font-weight:600;color:var(--foreground);margin:0 0 8px}.settings-section__description{font-size:.875rem;color:var(--muted-foreground);margin:0;line-height:1.5}.settings-container{display:flex;gap:var(--panel-space-lg);padding:var(--panel-space-lg);height:calc(100vh - 60px);position:relative}.settings-container:before{content:"";position:absolute;top:-100px;left:-100px;width:350px;height:350px;background:radial-gradient(circle,color-mix(in srgb,var(--panel-primary) 12%,transparent),transparent 70%);filter:blur(80px);pointer-events:none;z-index:0}@media(max-width:768px){.settings-container{flex-direction:column;gap:var(--panel-space-md)}}.settings-form-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:768px){.settings-form-grid{grid-template-columns:repeat(2,1fr)}}.settings-field{display:flex;flex-direction:column;gap:8px;position:relative}.settings-field__label{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500;color:var(--muted-foreground)}.settings-field__label svg{color:var(--primary)}.settings-field__input,.settings-field__select{width:100%;padding:12px 16px;background:var(--background);border:1px solid var(--border);border-radius:12px;font-size:.875rem;color:var(--foreground);transition:all .2s ease;box-sizing:border-box}.settings-field__input:focus,.settings-field__select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #5e369826}.settings-field__input::placeholder{color:var(--muted-foreground)}.settings-content{flex:1;display:flex;flex-direction:column;gap:var(--panel-space-lg);overflow-y:auto;padding-right:var(--panel-space-xs);position:relative;z-index:1}.settings-content::-webkit-scrollbar{width:6px}.settings-content::-webkit-scrollbar-track{background:transparent}.settings-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.settings-content::-webkit-scrollbar-thumb:hover{background:var(--panel-primary)}.settings-card{background:var(--panel-glass-bg);border:var(--panel-border-md);border-radius:var(--panel-radius-xl);padding:var(--panel-space-xl);backdrop-filter:blur(var(--panel-glass-blur));-webkit-backdrop-filter:blur(var(--panel-glass-blur));box-shadow:var(--panel-shadow-md),inset 0 1px #ffffff1a;transition:all var(--panel-transition-smooth);position:relative;overflow:hidden}.settings-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--panel-primary),var(--panel-secondary));border-radius:inherit;opacity:0;z-index:-1;filter:blur(20px);transition:opacity var(--panel-transition-smooth)}.settings-card:hover{border-color:color-mix(in srgb,var(--panel-primary) 30%,transparent);box-shadow:var(--panel-shadow-lg),var(--panel-glow-sm)}.settings-card:hover:before{opacity:.15}.settings-page-toggle-list{display:flex;flex-direction:column;gap:12px;width:100%}.settings-page-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:var(--card);border:1px solid var(--border);border-radius:12px;transition:all .2s ease;width:100%;box-sizing:border-box}.settings-page-toggle:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000000d}.settings-page-toggle__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.settings-page-toggle__label{display:block;font-size:.875rem;font-weight:600;color:var(--foreground)}.settings-page-toggle__description{display:block;font-size:.8125rem;color:var(--muted-foreground);line-height:1.4}.settings-switch{position:relative;display:inline-flex;align-items:center;width:44px;height:24px;min-width:44px;flex-shrink:0;cursor:pointer;border-radius:12px;border:none;padding:0;transition:background-color .2s ease}.settings-switch--off{background:var(--muted)}.settings-switch--on{background:var(--primary)}.settings-switch__thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #00000026;transition:transform .2s ease}.settings-switch--on .settings-switch__thumb{transform:translate(20px)}.settings-theme-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:768px){.settings-theme-grid{grid-template-columns:repeat(3,1fr)}}.settings-theme-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 20px;background:var(--card);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center}.settings-theme-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #00000014}.settings-theme-card--active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.settings-theme-card__header{display:flex;flex-direction:column;align-items:center;gap:12px}.settings-theme-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--accent);border-radius:12px;transition:all .2s ease}.settings-theme-card--active .settings-theme-card__icon{background:color-mix(in srgb,var(--primary) 15%,transparent)}.settings-theme-card__icon svg{color:var(--muted-foreground);transition:color .2s ease}.settings-theme-card--active .settings-theme-card__icon svg{color:var(--primary)}.settings-theme-card__label{font-size:.9375rem;font-weight:600;color:var(--foreground)}.settings-theme-card__description{font-size:.8125rem;color:var(--muted-foreground);line-height:1.4;margin:0}.settings-select-card{padding:20px;background:var(--card);border:1px solid var(--border);border-radius:12px}.settings-select-card__label{display:block;font-size:.9375rem;font-weight:600;color:var(--foreground);margin-bottom:12px}.settings-select-card__select{width:100%;padding:12px 16px;background:var(--background);border:1px solid var(--border);border-radius:10px;font-size:.875rem;color:var(--foreground);cursor:pointer;transition:all .2s ease;box-sizing:border-box}.settings-select-card__select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #5e369826}.settings-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-top:24px;position:relative;z-index:10}.settings-actions__feedback{display:flex;align-items:center;gap:16px}.settings-actions__success{font-size:.875rem;font-weight:500;color:var(--success)}.settings-actions__error{font-size:.875rem;font-weight:500;color:var(--destructive)}.settings-save-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:var(--primary);color:var(--primary-foreground);border:none;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #5e369840;position:relative;z-index:10}.settings-save-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #5e369859}.settings-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.settings-save-btn svg{width:18px;height:18px}@media(max-width:1023px){.settings-page{padding:16px}}@media(max-width:640px){.settings-page{padding:12px;gap:16px}.settings-layout{gap:16px}.settings-content__card{padding:16px}.settings-section__title{font-size:1.125rem}.settings-page-toggle{padding:12px}.settings-theme-card{padding:16px}.settings-save-btn{width:100%}}