@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&family=Inter:wght@400;500;600&display=swap";/*! tailwindcss v4.1.18 | 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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--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-leading:initial;--tw-font-weight:initial;--tw-tracking: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-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--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;--tw-ease: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-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-800:oklch(47% .157 37.304);--color-orange-900:oklch(40.8% .123 38.172);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-900:oklch(42.1% .095 57.708);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-teal-50:oklch(98.4% .014 180.72);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-200:oklch(91% .096 180.426);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-400:oklch(77.7% .152 181.912);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-teal-700:oklch(51.1% .096 186.391);--color-teal-800:oklch(43.7% .078 188.216);--color-teal-900:oklch(38.6% .063 188.416);--color-cyan-50:oklch(98.4% .019 200.873);--color-cyan-100:oklch(95.6% .045 203.388);--color-cyan-200:oklch(91.7% .08 205.041);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-cyan-600:oklch(60.9% .126 221.723);--color-cyan-700:oklch(52% .105 223.128);--color-cyan-800:oklch(45% .085 224.283);--color-cyan-900:oklch(39.8% .07 227.392);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-600:oklch(58.8% .158 241.966);--color-sky-700:oklch(50% .134 242.749);--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-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-800:oklch(39.8% .195 277.366);--color-indigo-900:oklch(35.9% .144 278.697);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-900:oklch(38% .189 293.745);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-900:oklch(38.1% .176 304.987);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-200:oklch(89.9% .061 343.231);--color-pink-300:oklch(82.3% .12 346.018);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-pink-700:oklch(52.5% .223 3.958);--color-pink-800:oklch(45.9% .187 3.815);--color-pink-900:oklch(40.8% .153 2.432);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-300:oklch(81% .117 11.638);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--color-rose-900:oklch(41% .159 10.272);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--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-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--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-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-900:oklch(21% .006 285.885);--color-stone-50:oklch(98.5% .001 106.423);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--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);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--drop-shadow-lg:0 4px 4px #00000026;--drop-shadow-2xl:0 25px 25px #00000026;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--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)}}@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%;-moz-tab-size:4;-o-tab-size:4;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}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance: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{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.-inset-1{inset:calc(var(--spacing)*-1)}.-inset-2{inset:calc(var(--spacing)*-2)}.-inset-4{inset:calc(var(--spacing)*-4)}.inset-0{inset:calc(var(--spacing)*0)}.-top-2{top:calc(var(--spacing)*-2)}.-top-3{top:calc(var(--spacing)*-3)}.-top-6{top:calc(var(--spacing)*-6)}.-top-12{top:calc(var(--spacing)*-12)}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-1\/2{top:50%}.top-1\/3{top:33.3333%}.top-1\/4{top:25%}.top-2{top:calc(var(--spacing)*2)}.top-3{top:calc(var(--spacing)*3)}.top-4{top:calc(var(--spacing)*4)}.top-5{top:calc(var(--spacing)*5)}.top-8{top:calc(var(--spacing)*8)}.top-12{top:calc(var(--spacing)*12)}.top-44{top:calc(var(--spacing)*44)}.-right-2{right:calc(var(--spacing)*-2)}.-right-3{right:calc(var(--spacing)*-3)}.-right-6{right:calc(var(--spacing)*-6)}.-right-10{right:calc(var(--spacing)*-10)}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-1\/4{right:25%}.right-2{right:calc(var(--spacing)*2)}.right-4{right:calc(var(--spacing)*4)}.right-8{right:calc(var(--spacing)*8)}.right-48{right:calc(var(--spacing)*48)}.-bottom-2{bottom:calc(var(--spacing)*-2)}.-bottom-3{bottom:calc(var(--spacing)*-3)}.-bottom-6{bottom:calc(var(--spacing)*-6)}.-bottom-12{bottom:calc(var(--spacing)*-12)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-1{bottom:calc(var(--spacing)*1)}.bottom-1\/4{bottom:25%}.-left-2{left:calc(var(--spacing)*-2)}.-left-3{left:calc(var(--spacing)*-3)}.-left-4{left:calc(var(--spacing)*-4)}.-left-6{left:calc(var(--spacing)*-6)}.left-0{left:calc(var(--spacing)*0)}.left-1{left:calc(var(--spacing)*1)}.left-1\/2{left:50%}.left-1\/3{left:33.3333%}.left-1\/4{left:25%}.left-8{left:calc(var(--spacing)*8)}.left-\[-9px\]{left:-9px}.left-\[-10px\]{left:-10px}.left-\[-11px\]{left:-11px}.z-10{z-index:10}.z-20{z-index:20}.z-\[10001\]{z-index:10001}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.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}}.m-0{margin:calc(var(--spacing)*0)}.m-0\.5{margin:calc(var(--spacing)*.5)}.m-1{margin:calc(var(--spacing)*1)}.m-1\.5{margin:calc(var(--spacing)*1.5)}.m-4{margin:calc(var(--spacing)*4)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-3{margin-inline:calc(var(--spacing)*3)}.mx-8{margin-inline:calc(var(--spacing)*8)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing)*2)}.my-3{margin-block:calc(var(--spacing)*3)}.my-6{margin-block:calc(var(--spacing)*6)}.my-8{margin-block:calc(var(--spacing)*8)}.my-10{margin-block:calc(var(--spacing)*10)}.my-12{margin-block:calc(var(--spacing)*12)}.-mt-2{margin-top:calc(var(--spacing)*-2)}.-mt-6{margin-top:calc(var(--spacing)*-6)}.-mt-8{margin-top:calc(var(--spacing)*-8)}.-mt-32{margin-top:calc(var(--spacing)*-32)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-9{margin-top:calc(var(--spacing)*9)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-11{margin-top:calc(var(--spacing)*11)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-14{margin-top:calc(var(--spacing)*14)}.mt-16{margin-top:calc(var(--spacing)*16)}.mt-32{margin-top:calc(var(--spacing)*32)}.-mr-32{margin-right:calc(var(--spacing)*-32)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mr-4{margin-right:calc(var(--spacing)*4)}.mr-8{margin-right:calc(var(--spacing)*8)}.mr-10{margin-right:calc(var(--spacing)*10)}.-mb-24{margin-bottom:calc(var(--spacing)*-24)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-7{margin-bottom:calc(var(--spacing)*7)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.-ml-24{margin-left:calc(var(--spacing)*-24)}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-5{margin-left:calc(var(--spacing)*5)}.ml-6{margin-left:calc(var(--spacing)*6)}.ml-8{margin-left:calc(var(--spacing)*8)}.ml-9{margin-left:calc(var(--spacing)*9)}.ml-10{margin-left:calc(var(--spacing)*10)}.ml-44{margin-left:calc(var(--spacing)*44)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-0{height:calc(var(--spacing)*0)}.h-0\.5{height:calc(var(--spacing)*.5)}.h-1{height:calc(var(--spacing)*1)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-28{height:calc(var(--spacing)*28)}.h-32{height:calc(var(--spacing)*32)}.h-36{height:calc(var(--spacing)*36)}.h-40{height:calc(var(--spacing)*40)}.h-44{height:calc(var(--spacing)*44)}.h-48{height:calc(var(--spacing)*48)}.h-52{height:calc(var(--spacing)*52)}.h-60{height:calc(var(--spacing)*60)}.h-64{height:calc(var(--spacing)*64)}.h-80{height:calc(var(--spacing)*80)}.h-96{height:calc(var(--spacing)*96)}.h-\[500px\]{height:500px}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-px{height:1px}.min-h-\[32px\]{min-height:32px}.min-h-\[297mm\]{min-height:297mm}.w-0\.5{width:calc(var(--spacing)*.5)}.w-1{width:calc(var(--spacing)*1)}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-1\/3{width:33.3333%}.w-2{width:calc(var(--spacing)*2)}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-28{width:calc(var(--spacing)*28)}.w-32{width:calc(var(--spacing)*32)}.w-36{width:calc(var(--spacing)*36)}.w-40{width:calc(var(--spacing)*40)}.w-44{width:calc(var(--spacing)*44)}.w-48{width:calc(var(--spacing)*48)}.w-52{width:calc(var(--spacing)*52)}.w-60{width:calc(var(--spacing)*60)}.w-64{width:calc(var(--spacing)*64)}.w-80{width:calc(var(--spacing)*80)}.w-96{width:calc(var(--spacing)*96)}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-\[210mm\]{max-width:210mm}.min-w-\[32px\]{min-width:32px}.min-w-\[250px\]{min-width:250px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.-translate-x-20{--tw-translate-x:calc(var(--spacing)*-20);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-32{--tw-translate-x:calc(var(--spacing)*-32);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-32{--tw-translate-x:calc(var(--spacing)*32);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-40{--tw-translate-x:calc(var(--spacing)*40);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-48{--tw-translate-x:calc(var(--spacing)*48);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-32{--tw-translate-y:calc(var(--spacing)*-32);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-40{--tw-translate-y:calc(var(--spacing)*-40);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-48{--tw-translate-y:calc(var(--spacing)*-48);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-20{--tw-translate-y:calc(var(--spacing)*20);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-32{--tw-translate-y:calc(var(--spacing)*32);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-125{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y)}.-rotate-6{rotate:-6deg}.-rotate-12{rotate:-12deg}.rotate-3{rotate:3deg}.rotate-6{rotate:6deg}.rotate-12{rotate:12deg}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}: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-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*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-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*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-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{-moz-column-gap:calc(var(--spacing)*4);column-gap:calc(var(--spacing)*4)}.gap-x-6{-moz-column-gap:calc(var(--spacing)*6);column-gap:calc(var(--spacing)*6)}.gap-x-8{-moz-column-gap:calc(var(--spacing)*8);column-gap:calc(var(--spacing)*8)}: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)))}:where(.space-x-6>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*6)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-1{row-gap:calc(var(--spacing)*1)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-tl-xl{border-top-left-radius:var(--radius-xl)}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.rounded-r-xl{border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.rounded-br-xl{border-bottom-right-radius:var(--radius-xl)}.rounded-bl-full{border-bottom-left-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-8{border-style:var(--tw-border-style);border-width:8px}.border-y-2{border-block-style:var(--tw-border-style);border-block-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.border-t-8{border-top-style:var(--tw-border-style);border-top-width:8px}.border-r-4{border-right-style:var(--tw-border-style);border-right-width:4px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-b-8{border-bottom-style:var(--tw-border-style);border-bottom-width:8px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-l-8{border-left-style:var(--tw-border-style);border-left-width:8px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-double{--tw-border-style:double;border-style:double}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-300{border-color:var(--color-amber-300)}.border-amber-400{border-color:var(--color-amber-400)}.border-amber-500{border-color:var(--color-amber-500)}.border-amber-600{border-color:var(--color-amber-600)}.border-black{border-color:var(--color-black)}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-300{border-color:var(--color-blue-300)}.border-blue-400{border-color:var(--color-blue-400)}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-600{border-color:var(--color-blue-600)}.border-blue-700{border-color:var(--color-blue-700)}.border-blue-900{border-color:var(--color-blue-900)}.border-cyan-200{border-color:var(--color-cyan-200)}.border-cyan-300{border-color:var(--color-cyan-300)}.border-cyan-400{border-color:var(--color-cyan-400)}.border-cyan-500{border-color:var(--color-cyan-500)}.border-cyan-600{border-color:var(--color-cyan-600)}.border-cyan-700{border-color:var(--color-cyan-700)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-300{border-color:var(--color-emerald-300)}.border-emerald-400{border-color:var(--color-emerald-400)}.border-emerald-500{border-color:var(--color-emerald-500)}.border-emerald-600{border-color:var(--color-emerald-600)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-gray-600{border-color:var(--color-gray-600)}.border-gray-800{border-color:var(--color-gray-800)}.border-gray-900{border-color:var(--color-gray-900)}.border-green-300{border-color:var(--color-green-300)}.border-green-400{border-color:var(--color-green-400)}.border-green-500{border-color:var(--color-green-500)}.border-green-600{border-color:var(--color-green-600)}.border-indigo-200{border-color:var(--color-indigo-200)}.border-indigo-300{border-color:var(--color-indigo-300)}.border-indigo-400{border-color:var(--color-indigo-400)}.border-indigo-500{border-color:var(--color-indigo-500)}.border-indigo-600{border-color:var(--color-indigo-600)}.border-indigo-700{border-color:var(--color-indigo-700)}.border-orange-200{border-color:var(--color-orange-200)}.border-orange-300{border-color:var(--color-orange-300)}.border-orange-500{border-color:var(--color-orange-500)}.border-orange-600{border-color:var(--color-orange-600)}.border-pink-200{border-color:var(--color-pink-200)}.border-pink-300{border-color:var(--color-pink-300)}.border-pink-400{border-color:var(--color-pink-400)}.border-pink-500{border-color:var(--color-pink-500)}.border-pink-600{border-color:var(--color-pink-600)}.border-purple-100{border-color:var(--color-purple-100)}.border-purple-200{border-color:var(--color-purple-200)}.border-purple-300{border-color:var(--color-purple-300)}.border-purple-400{border-color:var(--color-purple-400)}.border-purple-500{border-color:var(--color-purple-500)}.border-purple-600{border-color:var(--color-purple-600)}.border-red-600{border-color:var(--color-red-600)}.border-rose-300{border-color:var(--color-rose-300)}.border-rose-400{border-color:var(--color-rose-400)}.border-rose-500{border-color:var(--color-rose-500)}.border-rose-700{border-color:var(--color-rose-700)}.border-sky-300{border-color:var(--color-sky-300)}.border-sky-400{border-color:var(--color-sky-400)}.border-sky-500{border-color:var(--color-sky-500)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-700{border-color:var(--color-slate-700)}.border-teal-200{border-color:var(--color-teal-200)}.border-teal-300{border-color:var(--color-teal-300)}.border-teal-400{border-color:var(--color-teal-400)}.border-teal-500{border-color:var(--color-teal-500)}.border-teal-600{border-color:var(--color-teal-600)}.border-teal-700{border-color:var(--color-teal-700)}.border-violet-600{border-color:var(--color-violet-600)}.border-white{border-color:var(--color-white)}.border-yellow-200{border-color:var(--color-yellow-200)}.border-yellow-300{border-color:var(--color-yellow-300)}.border-yellow-400{border-color:var(--color-yellow-400)}.border-yellow-500{border-color:var(--color-yellow-500)}.border-yellow-600{border-color:var(--color-yellow-600)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-200{background-color:var(--color-amber-200)}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-600{background-color:var(--color-amber-600)}.bg-amber-800{background-color:var(--color-amber-800)}.bg-black{background-color:var(--color-black)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-700{background-color:var(--color-blue-700)}.bg-blue-900{background-color:var(--color-blue-900)}.bg-cyan-50{background-color:var(--color-cyan-50)}.bg-cyan-100{background-color:var(--color-cyan-100)}.bg-cyan-500{background-color:var(--color-cyan-500)}.bg-cyan-600{background-color:var(--color-cyan-600)}.bg-cyan-700{background-color:var(--color-cyan-700)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-emerald-500{background-color:var(--color-emerald-500)}.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-gray-400{background-color:var(--color-gray-400)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-orange-600{background-color:var(--color-orange-600)}.bg-orange-700{background-color:var(--color-orange-700)}.bg-pink-50{background-color:var(--color-pink-50)}.bg-pink-100{background-color:var(--color-pink-100)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-pink-600{background-color:var(--color-pink-600)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-400\/30{background-color:#c07eff4d}@supports (color:color-mix(in lab,red,red)){.bg-purple-400\/30{background-color:color-mix(in oklab,var(--color-purple-400)30%,transparent)}}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-600{background-color:var(--color-red-600)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-100{background-color:var(--color-rose-100)}.bg-rose-500{background-color:var(--color-rose-500)}.bg-rose-600{background-color:var(--color-rose-600)}.bg-sky-50{background-color:var(--color-sky-50)}.bg-sky-100{background-color:var(--color-sky-100)}.bg-sky-500{background-color:var(--color-sky-500)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-700{background-color:var(--color-slate-700)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-teal-50{background-color:var(--color-teal-50)}.bg-teal-100{background-color:var(--color-teal-100)}.bg-teal-500{background-color:var(--color-teal-500)}.bg-teal-600{background-color:var(--color-teal-600)}.bg-teal-700{background-color:var(--color-teal-700)}.bg-teal-800{background-color:var(--color-teal-800)}.bg-violet-50{background-color:var(--color-violet-50)}.bg-violet-100{background-color:var(--color-violet-100)}.bg-white{background-color:var(--color-white)}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab,red,red)){.bg-white\/95{background-color:color-mix(in oklab,var(--color-white)95%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-yellow-600{background-color:var(--color-yellow-600)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-tr{--tw-gradient-position:to top right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-amber-50{--tw-gradient-from:var(--color-amber-50);--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-amber-100{--tw-gradient-from:var(--color-amber-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-amber-400{--tw-gradient-from:var(--color-amber-400);--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-amber-500{--tw-gradient-from:var(--color-amber-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-amber-600{--tw-gradient-from:var(--color-amber-600);--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-amber-700{--tw-gradient-from:var(--color-amber-700);--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-50{--tw-gradient-from:var(--color-blue-50);--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-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-400{--tw-gradient-from:var(--color-blue-400);--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-blue-600{--tw-gradient-from:var(--color-blue-600);--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-900{--tw-gradient-from:var(--color-blue-900);--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-cyan-50{--tw-gradient-from:var(--color-cyan-50);--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-cyan-100{--tw-gradient-from:var(--color-cyan-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-cyan-500{--tw-gradient-from: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))}.from-cyan-600{--tw-gradient-from:var(--color-cyan-600);--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-cyan-700{--tw-gradient-from:var(--color-cyan-700);--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-50{--tw-gradient-from:var(--color-emerald-50);--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-400{--tw-gradient-from:var(--color-emerald-400);--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-emerald-600{--tw-gradient-from:var(--color-emerald-600);--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-700{--tw-gradient-from:var(--color-emerald-700);--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-gray-50{--tw-gradient-from:var(--color-gray-50);--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-gray-100{--tw-gradient-from: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))}.from-gray-900{--tw-gradient-from:var(--color-gray-900);--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-green-50{--tw-gradient-from:var(--color-green-50);--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-green-400{--tw-gradient-from:var(--color-green-400);--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-green-500{--tw-gradient-from:var(--color-green-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-green-600{--tw-gradient-from:var(--color-green-600);--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-indigo-50{--tw-gradient-from:var(--color-indigo-50);--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-indigo-100{--tw-gradient-from:var(--color-indigo-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-indigo-500{--tw-gradient-from:var(--color-indigo-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-indigo-600{--tw-gradient-from:var(--color-indigo-600);--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-indigo-700{--tw-gradient-from:var(--color-indigo-700);--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-orange-100{--tw-gradient-from:var(--color-orange-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-orange-400{--tw-gradient-from:var(--color-orange-400);--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-orange-500{--tw-gradient-from:var(--color-orange-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-pink-50{--tw-gradient-from:var(--color-pink-50);--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-pink-100{--tw-gradient-from:var(--color-pink-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-pink-200{--tw-gradient-from:var(--color-pink-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))}.from-pink-400{--tw-gradient-from:var(--color-pink-400);--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-pink-500{--tw-gradient-from: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))}.from-pink-600{--tw-gradient-from:var(--color-pink-600);--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-100{--tw-gradient-from:var(--color-purple-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-purple-400{--tw-gradient-from:var(--color-purple-400);--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-purple-600{--tw-gradient-from:var(--color-purple-600);--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-red-400{--tw-gradient-from:var(--color-red-400);--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-rose-50{--tw-gradient-from:var(--color-rose-50);--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-rose-500{--tw-gradient-from:var(--color-rose-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-rose-600{--tw-gradient-from:var(--color-rose-600);--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-slate-50{--tw-gradient-from:var(--color-slate-50);--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-slate-100{--tw-gradient-from:var(--color-slate-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-slate-700{--tw-gradient-from:var(--color-slate-700);--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-slate-800{--tw-gradient-from:var(--color-slate-800);--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-slate-900{--tw-gradient-from:var(--color-slate-900);--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-teal-50{--tw-gradient-from:var(--color-teal-50);--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-teal-100{--tw-gradient-from:var(--color-teal-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-teal-500{--tw-gradient-from: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))}.from-teal-600{--tw-gradient-from:var(--color-teal-600);--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-transparent{--tw-gradient-from:transparent;--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-violet-50{--tw-gradient-from:var(--color-violet-50);--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-violet-50\/50{--tw-gradient-from:#f5f3ff80}@supports (color:color-mix(in lab,red,red)){.from-violet-50\/50{--tw-gradient-from:color-mix(in oklab,var(--color-violet-50)50%,transparent)}}.from-violet-50\/50{--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-violet-100{--tw-gradient-from:var(--color-violet-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-violet-300{--tw-gradient-from:var(--color-violet-300);--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-violet-400{--tw-gradient-from:var(--color-violet-400);--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-violet-500{--tw-gradient-from:var(--color-violet-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-violet-600{--tw-gradient-from:var(--color-violet-600);--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))}.from-white\/40{--tw-gradient-from:#fff6}@supports (color:color-mix(in lab,red,red)){.from-white\/40{--tw-gradient-from:color-mix(in oklab,var(--color-white)40%,transparent)}}.from-white\/40{--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-yellow-50{--tw-gradient-from:var(--color-yellow-50);--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-yellow-100{--tw-gradient-from:var(--color-yellow-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-yellow-400{--tw-gradient-from:var(--color-yellow-400);--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-yellow-500{--tw-gradient-from:var(--color-yellow-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-yellow-600{--tw-gradient-from:var(--color-yellow-600);--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-amber-50{--tw-gradient-via:var(--color-amber-50);--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-amber-100{--tw-gradient-via:var(--color-amber-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)}.via-amber-400{--tw-gradient-via:var(--color-amber-400);--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-amber-500{--tw-gradient-via:var(--color-amber-500);--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-amber-600{--tw-gradient-via:var(--color-amber-600);--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-amber-800{--tw-gradient-via:var(--color-amber-800);--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-blue-500{--tw-gradient-via:var(--color-blue-500);--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-blue-600{--tw-gradient-via:var(--color-blue-600);--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-blue-700{--tw-gradient-via:var(--color-blue-700);--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-cyan-100{--tw-gradient-via:var(--color-cyan-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)}.via-cyan-500{--tw-gradient-via:var(--color-cyan-500);--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-emerald-500{--tw-gradient-via:var(--color-emerald-500);--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)}.via-gray-800{--tw-gradient-via:var(--color-gray-800);--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-900{--tw-gradient-via:var(--color-gray-900);--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-indigo-600{--tw-gradient-via:var(--color-indigo-600);--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-indigo-700{--tw-gradient-via:var(--color-indigo-700);--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-pink-500{--tw-gradient-via:var(--color-pink-500);--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-pink-600{--tw-gradient-via:var(--color-pink-600);--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-purple-50{--tw-gradient-via:var(--color-purple-50);--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-purple-500{--tw-gradient-via:var(--color-purple-500);--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-purple-600{--tw-gradient-via:var(--color-purple-600);--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-red-100{--tw-gradient-via:var(--color-red-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)}.via-red-500{--tw-gradient-via:var(--color-red-500);--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-red-600{--tw-gradient-via:var(--color-red-600);--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-rose-500{--tw-gradient-via:var(--color-rose-500);--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-slate-100{--tw-gradient-via:var(--color-slate-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)}.via-slate-900{--tw-gradient-via:var(--color-slate-900);--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-teal-50{--tw-gradient-via:var(--color-teal-50);--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-teal-500{--tw-gradient-via:var(--color-teal-500);--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-teal-600{--tw-gradient-via:var(--color-teal-600);--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-transparent{--tw-gradient-via:transparent;--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-white{--tw-gradient-via:var(--color-white);--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-yellow-50{--tw-gradient-via:var(--color-yellow-50);--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-yellow-100{--tw-gradient-via:var(--color-yellow-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)}.via-yellow-600{--tw-gradient-via:var(--color-yellow-600);--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-zinc-50{--tw-gradient-via:var(--color-zinc-50);--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-amber-50{--tw-gradient-to:var(--color-amber-50);--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-amber-100{--tw-gradient-to:var(--color-amber-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-amber-200{--tw-gradient-to:var(--color-amber-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-amber-600{--tw-gradient-to:var(--color-amber-600);--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-amber-700{--tw-gradient-to:var(--color-amber-700);--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-blue-50{--tw-gradient-to:var(--color-blue-50);--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-blue-100{--tw-gradient-to: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))}.to-blue-500{--tw-gradient-to: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))}.to-blue-600{--tw-gradient-to:var(--color-blue-600);--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-blue-700{--tw-gradient-to:var(--color-blue-700);--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-cyan-50{--tw-gradient-to:var(--color-cyan-50);--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-cyan-100{--tw-gradient-to:var(--color-cyan-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-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-cyan-600{--tw-gradient-to:var(--color-cyan-600);--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-cyan-700{--tw-gradient-to:var(--color-cyan-700);--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-emerald-500{--tw-gradient-to: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))}.to-emerald-600{--tw-gradient-to:var(--color-emerald-600);--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-gray-800{--tw-gradient-to:var(--color-gray-800);--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-green-50{--tw-gradient-to:var(--color-green-50);--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-green-100{--tw-gradient-to:var(--color-green-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-green-600{--tw-gradient-to:var(--color-green-600);--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-indigo-100{--tw-gradient-to:var(--color-indigo-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-indigo-500{--tw-gradient-to:var(--color-indigo-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-indigo-600{--tw-gradient-to:var(--color-indigo-600);--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-indigo-700{--tw-gradient-to:var(--color-indigo-700);--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-indigo-800{--tw-gradient-to:var(--color-indigo-800);--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-orange-50{--tw-gradient-to:var(--color-orange-50);--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-orange-100{--tw-gradient-to:var(--color-orange-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-orange-500{--tw-gradient-to:var(--color-orange-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-orange-600{--tw-gradient-to:var(--color-orange-600);--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-orange-700{--tw-gradient-to:var(--color-orange-700);--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-orange-900{--tw-gradient-to:var(--color-orange-900);--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-50{--tw-gradient-to:var(--color-pink-50);--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-100{--tw-gradient-to:var(--color-pink-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-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-pink-600{--tw-gradient-to:var(--color-pink-600);--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-700{--tw-gradient-to:var(--color-pink-700);--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-purple-50{--tw-gradient-to:var(--color-purple-50);--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-purple-100{--tw-gradient-to:var(--color-purple-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-purple-300{--tw-gradient-to:var(--color-purple-300);--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-purple-400{--tw-gradient-to:var(--color-purple-400);--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-purple-500{--tw-gradient-to: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))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--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-purple-700{--tw-gradient-to:var(--color-purple-700);--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-purple-800{--tw-gradient-to:var(--color-purple-800);--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-purple-900{--tw-gradient-to:var(--color-purple-900);--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-red-50{--tw-gradient-to:var(--color-red-50);--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-red-500{--tw-gradient-to:var(--color-red-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-red-600{--tw-gradient-to:var(--color-red-600);--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-rose-100{--tw-gradient-to:var(--color-rose-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-rose-500{--tw-gradient-to:var(--color-rose-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-rose-600{--tw-gradient-to:var(--color-rose-600);--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-rose-700{--tw-gradient-to:var(--color-rose-700);--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-slate-700{--tw-gradient-to:var(--color-slate-700);--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-slate-800{--tw-gradient-to:var(--color-slate-800);--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-slate-900{--tw-gradient-to:var(--color-slate-900);--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-stone-50{--tw-gradient-to:var(--color-stone-50);--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-50{--tw-gradient-to:var(--color-teal-50);--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-100{--tw-gradient-to:var(--color-teal-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-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))}.to-teal-600{--tw-gradient-to:var(--color-teal-600);--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-700{--tw-gradient-to:var(--color-teal-700);--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-transparent{--tw-gradient-to:transparent;--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-violet-50{--tw-gradient-to:var(--color-violet-50);--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-white{--tw-gradient-to: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))}.to-yellow-50{--tw-gradient-to:var(--color-yellow-50);--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-yellow-200{--tw-gradient-to:var(--color-yellow-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-yellow-500{--tw-gradient-to:var(--color-yellow-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-yellow-600{--tw-gradient-to:var(--color-yellow-600);--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-zinc-100{--tw-gradient-to:var(--color-zinc-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-zinc-900{--tw-gradient-to:var(--color-zinc-900);--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))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-white{fill:var(--color-white)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-7{padding:calc(var(--spacing)*7)}.p-8{padding:calc(var(--spacing)*8)}.p-10{padding:calc(var(--spacing)*10)}.p-12{padding:calc(var(--spacing)*12)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.px-12{padding-inline:calc(var(--spacing)*12)}.py-0{padding-block:calc(var(--spacing)*0)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.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-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-9{padding-block:calc(var(--spacing)*9)}.py-10{padding-block:calc(var(--spacing)*10)}.py-12{padding-block:calc(var(--spacing)*12)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-1\.5{padding-top:calc(var(--spacing)*1.5)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-10{padding-top:calc(var(--spacing)*10)}.pt-12{padding-top:calc(var(--spacing)*12)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-14{padding-right:calc(var(--spacing)*14)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.pb-16{padding-bottom:calc(var(--spacing)*16)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-8{padding-left:calc(var(--spacing)*8)}.pl-9{padding-left:calc(var(--spacing)*9)}.pl-10{padding-left:calc(var(--spacing)*10)}.pl-13{padding-left:calc(var(--spacing)*13)}.pl-16{padding-left:calc(var(--spacing)*16)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.indent-8{text-indent:calc(var(--spacing)*8)}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.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-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--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))}.text-\[10\.5pt\]{font-size:10.5pt}.text-\[10pt\]{font-size:10pt}.text-\[11pt\]{font-size:11pt}.leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-amber-100{color:var(--color-amber-100)}.text-amber-200{color:var(--color-amber-200)}.text-amber-300{color:var(--color-amber-300)}.text-amber-400{color:var(--color-amber-400)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-black{color:var(--color-black)}.text-blue-100{color:var(--color-blue-100)}.text-blue-200{color:var(--color-blue-200)}.text-blue-300{color:var(--color-blue-300)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.text-cyan-100{color:var(--color-cyan-100)}.text-cyan-200{color:var(--color-cyan-200)}.text-cyan-300{color:var(--color-cyan-300)}.text-cyan-600{color:var(--color-cyan-600)}.text-cyan-700{color:var(--color-cyan-700)}.text-cyan-800{color:var(--color-cyan-800)}.text-cyan-900{color:var(--color-cyan-900)}.text-emerald-100{color:var(--color-emerald-100)}.text-emerald-200{color:var(--color-emerald-200)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.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-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-green-900{color:var(--color-green-900)}.text-indigo-100{color:var(--color-indigo-100)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-700{color:var(--color-indigo-700)}.text-indigo-800{color:var(--color-indigo-800)}.text-indigo-900{color:var(--color-indigo-900)}.text-orange-600{color:var(--color-orange-600)}.text-orange-700{color:var(--color-orange-700)}.text-orange-800{color:var(--color-orange-800)}.text-orange-900{color:var(--color-orange-900)}.text-pink-600{color:var(--color-pink-600)}.text-pink-700{color:var(--color-pink-700)}.text-pink-800{color:var(--color-pink-800)}.text-pink-900{color:var(--color-pink-900)}.text-purple-100{color:var(--color-purple-100)}.text-purple-200{color:var(--color-purple-200)}.text-purple-600{color:var(--color-purple-600)}.text-purple-700{color:var(--color-purple-700)}.text-purple-800{color:var(--color-purple-800)}.text-purple-900{color:var(--color-purple-900)}.text-red-600{color:var(--color-red-600)}.text-rose-100{color:var(--color-rose-100)}.text-rose-600{color:var(--color-rose-600)}.text-rose-700{color:var(--color-rose-700)}.text-rose-800{color:var(--color-rose-800)}.text-rose-900{color:var(--color-rose-900)}.text-sky-600{color:var(--color-sky-600)}.text-sky-700{color:var(--color-sky-700)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-teal-100{color:var(--color-teal-100)}.text-teal-600{color:var(--color-teal-600)}.text-teal-700{color:var(--color-teal-700)}.text-teal-800{color:var(--color-teal-800)}.text-teal-900{color:var(--color-teal-900)}.text-transparent{color:#0000}.text-violet-700{color:var(--color-violet-700)}.text-violet-900{color:var(--color-violet-900)}.text-white{color:var(--color-white)}.text-yellow-200{color:var(--color-yellow-200)}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-900{color:var(--color-yellow-900)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-5{opacity:.05}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-90{opacity:.9}.opacity-95{opacity:.95}.mix-blend-multiply{mix-blend-mode:multiply}.shadow{--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-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-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + 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)}.ring-8{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(8px + 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)}.shadow-green-500\/50{--tw-shadow-color:#00c75880}@supports (color:color-mix(in lab,red,red)){.shadow-green-500\/50{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-green-500)50%,transparent)var(--tw-shadow-alpha),transparent)}}.ring-amber-100{--tw-ring-color:var(--color-amber-100)}.ring-pink-400{--tw-ring-color:var(--color-pink-400)}.ring-yellow-500{--tw-ring-color:var(--color-yellow-500)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur-2xl{--tw-blur:blur(var(--blur-2xl));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur-lg{--tw-blur:blur(var(--blur-lg));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur-md{--tw-blur:blur(var(--blur-md));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur-sm{--tw-blur:blur(var(--blur-sm));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-2xl{--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-lg{--tw-drop-shadow-size:drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-lg));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-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-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,)}.backdrop-filter{-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,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-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;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-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.perspective-\[1500px\]{perspective:1500px}.perspective-\[2000px\]{perspective:2000px}@media (hover:hover){.group-hover\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:opacity-30:is(:where(.group):hover *){opacity:.3}.group-hover\:opacity-40:is(:where(.group):hover *){opacity:.4}.group-hover\:opacity-50:is(:where(.group):hover *){opacity:.5}.group-hover\:opacity-60:is(:where(.group):hover *){opacity:.6}.group-hover\:opacity-70:is(:where(.group):hover *){opacity:.7}.group-hover\:opacity-75:is(:where(.group):hover *){opacity:.75}.group-hover\:opacity-80:is(:where(.group):hover *){opacity:.8}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:shadow-lg:is(:where(.group):hover *){--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)}.group-hover\:shadow-xl:is(:where(.group):hover *){--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)}.group-hover\:blur-md:is(:where(.group):hover *){--tw-blur:blur(var(--blur-md));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.group-hover\/item\:bg-amber-200:is(:where(.group\/item):hover *){background-color:var(--color-amber-200)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-amber-400:hover{border-color:var(--color-amber-400)}.hover\:border-amber-500:hover{border-color:var(--color-amber-500)}.hover\:border-blue-400:hover{border-color:var(--color-blue-400)}.hover\:border-blue-900:hover{border-color:var(--color-blue-900)}.hover\:border-emerald-400:hover{border-color:var(--color-emerald-400)}.hover\:border-emerald-500:hover{border-color:var(--color-emerald-500)}.hover\:border-green-600:hover{border-color:var(--color-green-600)}.hover\:border-indigo-400:hover{border-color:var(--color-indigo-400)}.hover\:border-purple-400:hover{border-color:var(--color-purple-400)}.hover\:border-purple-600:hover{border-color:var(--color-purple-600)}.hover\:border-rose-600:hover{border-color:var(--color-rose-600)}.hover\:border-teal-400:hover{border-color:var(--color-teal-400)}.hover\:border-teal-700:hover{border-color:var(--color-teal-700)}.hover\:border-transparent:hover{border-color:#0000}.hover\:bg-amber-900:hover{background-color:var(--color-amber-900)}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-gray-400:hover{background-color:var(--color-gray-400)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-indigo-100:hover{background-color:var(--color-indigo-100)}.hover\:bg-orange-100:hover{background-color:var(--color-orange-100)}.hover\:bg-orange-800:hover{background-color:var(--color-orange-800)}.hover\:bg-pink-700:hover{background-color:var(--color-pink-700)}.hover\:bg-rose-50:hover{background-color:var(--color-rose-50)}.hover\:bg-rose-700:hover{background-color:var(--color-rose-700)}.hover\:bg-teal-900:hover{background-color:var(--color-teal-900)}.hover\:bg-gradient-to-r:hover{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.hover\:from-amber-600:hover{--tw-gradient-from:var(--color-amber-600);--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))}.hover\:to-orange-600:hover{--tw-gradient-to:var(--color-orange-600);--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))}.hover\:text-white:hover{color:var(--color-white)}.hover\:shadow-2xl:hover{--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)}.hover\:shadow-lg:hover{--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)}.hover\:shadow-md:hover{--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)}.hover\:shadow-xl:hover{--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)}}@media (min-width:48rem){.md\:m-6{margin:calc(var(--spacing)*6)}.md\:inline{display:inline}.md\:h-20{height:calc(var(--spacing)*20)}.md\:h-\[600px\]{height:600px}.md\:w-20{width:calc(var(--spacing)*20)}.md\:p-8{padding:calc(var(--spacing)*8)}.md\:p-10{padding:calc(var(--spacing)*10)}.md\:p-12{padding:calc(var(--spacing)*12)}.md\:p-14{padding:calc(var(--spacing)*14)}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;width:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}@supports (padding:env(safe-area-inset-top)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}*{-webkit-tap-highlight-color:transparent}#root{width:100%;overflow-x:hidden}.Toastify__toast-container{padding:8px;z-index:99999!important;width:auto!important;max-width:90vw!important}@media only screen and (max-width:480px){.Toastify__toast-container{margin:0;padding:8px;transform:translate(-50%);width:auto!important;max-width:85vw!important;left:50%!important;right:auto!important}.Toastify__toast-container--top-center{top:12px}.Toastify__toast{border-radius:10px;min-height:auto;margin-bottom:6px;padding:12px 14px;font-size:13px;box-shadow:0 4px 12px #00000026}.Toastify__toast-body{padding:0;font-size:13px;line-height:1.4}.Toastify__close-button{opacity:.7}.Toastify__progress-bar{height:3px}}@media only screen and (min-width:481px) and (max-width:768px){.Toastify__toast-container{padding:8px;max-width:75vw!important}.Toastify__toast{border-radius:10px;margin-bottom:8px;padding:12px 14px;font-size:13px}}@media only screen and (max-width:375px){.Toastify__toast-container{max-width:80vw!important}.Toastify__toast{padding:10px 12px;font-size:12px}}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@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-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@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}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navbar{background:#fff;border-bottom:1px solid #e5e7eb;padding:0;position:fixed;top:0;left:0;right:0;z-index:9999;box-shadow:0 1px 3px #0000001a;width:100%;margin:0;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar.scrolled{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000001a}.navbar.hidden,.navbar.visible{transform:translateY(0)}.nav-content{width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:70px;padding:0 24px;max-width:100%;transition:height .3s ease}.navbar.scrolled .nav-content{height:64px}.nav-logo{display:flex;align-items:center;gap:8px;cursor:pointer;transition:transform .2s ease;margin-left:16px}.nav-logo:hover{transform:scale(1.02)}.logo-container{display:flex;flex-direction:column;align-items:center;gap:2px}.logo-image{height:55px;width:auto;transition:all .3s ease}.navbar.scrolled .logo-image{height:45px}.logo-tagline{font-size:8px;font-weight:600;color:#1a8063;letter-spacing:.5px;text-transform:uppercase;opacity:.9;transition:all .3s ease}.navbar.scrolled .logo-tagline{font-size:7px}.logo-text,.nav-logo span{display:none}.nav-items{display:flex;align-items:center;gap:20px;margin-right:24px}.nav-link{background:none;border:none;font-size:18px;font-weight:700;color:#1f2937;cursor:pointer;padding:10px 18px;border-radius:6px;transition:all .3s ease}.nav-link:hover{background:#f3f4f6;color:#1a8063}.nav-link.transparent{border:2px solid transparent;background:transparent;padding:8px 14px;font-size:13px}.nav-link.transparent:hover{border-color:#1a8063;background:#1a80630d;transform:translateY(-1px)}.nav-link,.ats-score-btn,.login-signup-btn,.user-profile-trigger{-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-link.transparent:active{background:#1a80631a;transform:translateY(0)}.ats-score-btn:active{transform:translateY(0);box-shadow:0 2px 8px #1e293b33}.blog-btn:active{transform:translateY(0);box-shadow:0 2px 8px #1a80634d}.login-signup-btn:active{transform:translateY(0);box-shadow:0 2px 8px #1a806333}.ats-score-btn{background:#fff!important;color:#0f172a!important;border:2px solid #e2e8f0!important;padding:0 16px;height:40px;border-radius:6px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;display:inline-flex;align-items:center;justify-content:center}.ats-score-btn:hover{background:#1e293b!important;color:#fff!important;border-color:#1e293b!important;transform:translateY(-2px);box-shadow:0 4px 15px #1e293b66}.blog-btn{background:linear-gradient(135deg,#1a8063,#047857)!important;color:#fff!important;border:2px solid transparent!important;padding:0 16px;height:40px;border-radius:6px;font-weight:700;font-size:18px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #1a80634d;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.blog-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.blog-btn:hover:before{left:100%}.blog-btn:hover{background:linear-gradient(135deg,#047857,#065f46)!important;transform:translateY(-2px);box-shadow:0 4px 15px #1a806380}.login-signup-btn{background:#1a8063;color:#fff;border:2px solid #1A8063;padding:0 22px;height:46px;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 12px #1a80634d;margin-left:8px;display:inline-flex;align-items:center;justify-content:center}.login-signup-btn:hover{background:#16a085;border-color:#16a085;transform:translateY(-2px);box-shadow:0 4px 15px #1a806366}.btn-create-resume-nav{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 12px #667eea4d;margin-right:8px}.btn-create-resume-nav:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66;background:linear-gradient(45deg,#5a67d8,#6b46c1)}.nav-actions{display:flex;align-items:center}.auth-loading{display:flex;align-items:center;gap:8px}.loading-spinner{width:14px;height:14px;border:2px solid #e5e7eb;border-top:2px solid #1A8063;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.auth-buttons{display:flex;align-items:center;gap:12px}.login-btn{background:transparent;color:#1a8063;border:2px solid #1A8063;padding:8px 16px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.login-btn:hover{background:#1a8063;color:#fff}.signup-btn{background:#1a8063;color:#fff;border:2px solid #1A8063;padding:8px 16px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.signup-btn:hover{background:#16a085;border-color:#16a085;transform:translateY(-1px)}.user-profile-container{position:relative;margin-left:8px}.user-profile-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;cursor:pointer;background:#f8fafc;border:2px solid transparent;transition:all .3s ease}.user-profile-trigger:hover{background:#f1f5f9;border-color:#e2e8f0;transform:translateY(-1px)}.profile-avatar{width:32px;height:32px;border-radius:50%;border:2px solid #1A8063;-o-object-fit:cover;object-fit:cover}.user-info{display:flex;flex-direction:column;align-items:flex-start}.user-name{font-weight:600;font-size:14px;color:#1e293b;line-height:1.2}.user-email{font-size:11px;color:#64748b;line-height:1.2}.dropdown-arrow{font-size:10px;color:#64748b;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:240px;z-index:10000;animation:dropdownAppear .2s ease-out}@keyframes dropdownAppear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:16px;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#f8fffe,#ecfdf5);border-radius:12px 12px 0 0}.dropdown-avatar{width:40px;height:40px;border-radius:50%;border:2px solid #1A8063;-o-object-fit:cover;object-fit:cover}.dropdown-user-info{flex:1;min-width:0}.dropdown-name{font-weight:600;font-size:14px;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-email{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-divider{height:1px;background:#e5e7eb;margin:0 12px}.dropdown-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;font-size:14px;color:#374151;transition:background-color .2s ease;text-align:left;width:100%;border:none;background:none}.dropdown-item:hover{background:#f9fafb}.dropdown-item.danger{color:#dc2626}.dropdown-item.danger:hover{background:#fef2f2}@media (max-width: 768px){.nav-content{padding:0 16px;height:66px}.navbar.scrolled .nav-content{height:60px}.nav-logo{margin-left:4px}.nav-items{gap:10px;margin-right:12px}.nav-link.transparent{display:none}.logo-image{height:46px}.navbar.scrolled .logo-image{height:38px}.logo-tagline{font-size:7px;letter-spacing:.3px}.navbar.scrolled .logo-tagline{font-size:6.5px}.ats-score-btn,.blog-btn{padding:8px 12px;font-size:12px;min-height:44px;touch-action:manipulation}.login-signup-btn{padding:10px 16px;font-size:13px;min-height:44px;touch-action:manipulation}.user-info{display:none}.profile-avatar{width:34px;height:34px}.user-profile-trigger{min-height:44px;min-width:44px;padding:4px}}@media (max-width: 480px){.nav-content{padding:0 10px;height:60px}.navbar.scrolled .nav-content{height:56px}.nav-logo{margin-left:2px}.nav-items{gap:6px;margin-right:8px}.ats-score-btn,.blog-btn{padding:7px 10px;font-size:11px;min-height:44px}.login-signup-btn{padding:8px 14px;font-size:12px;min-height:44px}.logo-image{height:40px}.navbar.scrolled .logo-image{height:34px}.logo-tagline{font-size:6.5px;letter-spacing:.3px}.navbar.scrolled .logo-tagline{font-size:6px}}.dropdown-menu{padding:8px 0;overflow:visible}.dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:none;cursor:pointer;font-size:.95rem;color:#1f2937;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;font-weight:500;position:relative;overflow:hidden}.dropdown-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:linear-gradient(135deg,#16a085,#1abc9c);transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.dropdown-item:hover:before{transform:scaleY(1)}.dropdown-item svg{flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.dropdown-item:hover{background:linear-gradient(90deg,#f0fdf4,#fff);padding-left:24px;transform:translate(2px)}.dropdown-item:hover svg{transform:scale(1.15) rotate(5deg);filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.dropdown-item:active svg{transform:scale(1.05)}.dropdown-item.danger{color:#ef4444}.dropdown-item.danger:before{background:linear-gradient(135deg,#ef4444,#dc2626)}.dropdown-item.danger:hover{background:linear-gradient(90deg,#fef2f2,#fff);color:#dc2626}.dropdown-item span:not(.lock-icon){flex:1;font-weight:600;letter-spacing:.01em;white-space:nowrap}.dropdown-item.locked{cursor:pointer!important;position:relative;pointer-events:auto;opacity:.65}.dropdown-item.locked svg{opacity:.6}.dropdown-item.locked span:not(.lock-icon){opacity:1;font-weight:500}.dropdown-item.locked:hover{background:linear-gradient(90deg,#fef2f2,#fff);padding-left:16px;transform:none;cursor:pointer!important;opacity:.75}.dropdown-item.locked:hover svg{transform:none;animation:none}.dropdown-item.locked .lock-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:18px;opacity:1;transition:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center;pointer-events:none;color:#d4af37;will-change:auto}.dropdown-item.locked .lock-icon svg{width:18px;height:18px;fill:currentColor;transform:none!important;transition:none;opacity:1!important}.dropdown-item.locked:hover .lock-icon{opacity:1;transform:translateY(-50%)!important}.lock-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:18px;opacity:1;transition:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center;pointer-events:none;color:#d4af37;will-change:auto}.lock-icon svg{width:18px;height:18px;fill:currentColor;transform:none!important;transition:none;opacity:1!important}.premium-section-label{padding:8px 16px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#f59e0b;background:linear-gradient(90deg,#fef3c7,#fff);border-left:3px solid #f59e0b}.premium-divider{margin:8px 0;background:linear-gradient(90deg,transparent 0%,#f59e0b 50%,transparent 100%);height:2px;opacity:.3}@keyframes iconPulse{0%,to{opacity:1}50%{opacity:.8}}.dropdown-item:hover svg{animation:iconPulse 2s ease-in-out infinite}.mobile-menu-toggle,.mobile-right-section,.mobile-menu{display:none}.desktop-nav{display:flex}@media (max-width: 768px){.desktop-nav{display:none!important}.mobile-right-section{display:flex!important;align-items:center;gap:12px}.mobile-menu-toggle{display:flex;flex-direction:column;justify-content:space-around;width:32px;height:32px;background:transparent;border:none;cursor:pointer;padding:4px;z-index:1001;margin-right:8px}.mobile-menu-toggle span{width:100%;height:3px;background:#1a8063;border-radius:10px;transition:all .3s ease;transform-origin:center}.mobile-menu-toggle span.active:nth-child(1){transform:translateY(9px) rotate(45deg)}.mobile-menu-toggle span.active:nth-child(2){opacity:0;transform:translate(-20px)}.mobile-menu-toggle span.active:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.hamburger-line{width:100%;height:3px;background:#1a8063;border-radius:10px;transition:all .3s ease;transform-origin:center}.hamburger-line.open:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0;transform:translate(-20px)}.hamburger-line.open:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 8px 24px #00000026;z-index:999;max-height:calc(100vh - 66px);max-height:calc(100dvh - 66px);overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-menu.open{display:block;animation:slideDown .3s ease}.mobile-menu-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 8px 24px #00000026;animation:slideDown .3s ease;z-index:999;max-height:calc(100vh - 70px);overflow-y:auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-links{padding:12px 16px;border-bottom:1px solid #e5e7eb}.mobile-nav-link{display:block;width:100%;padding:14px 16px;background:transparent;border:none;text-align:left;font-size:15px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;border-radius:8px;margin-bottom:4px;min-height:48px;line-height:1.3;touch-action:manipulation}.mobile-nav-link:hover{background:#f3f4f6;color:#1a8063;padding-left:20px}.mobile-nav-link:last-child{margin-bottom:0}.mobile-action-buttons{padding:12px 16px 16px;display:flex;gap:10px}.mobile-ats-btn{flex:1;padding:12px 16px;background:#fff;border:2px solid #1A8063;color:#1a8063;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;min-height:48px;touch-action:manipulation}.mobile-ats-btn:hover{background:#1a8063;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #1a80634d}.mobile-login-btn{flex:1;padding:12px 16px;background:linear-gradient(135deg,#1a8063,#047857);border:none;color:#fff;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 8px #1a80634d;min-height:48px;touch-action:manipulation}.mobile-login-btn:hover{background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-2px);box-shadow:0 4px 12px #1a806366}.nav-logo{margin-left:8px}.nav-content{padding:0 16px}.desktop-profile-trigger{display:none!important}.mobile-dropdown-container{display:block;position:fixed;top:70px;left:50%;transform:translate(-50%);width:90%;max-width:400px;z-index:999}.mobile-dropdown{position:relative;width:100%;max-height:calc(100vh - 90px);overflow-y:auto;border-radius:12px;box-shadow:0 8px 24px #0003;background:#fff}.mobile-dropdown .dropdown-header{padding:14px 16px}.mobile-dropdown .dropdown-avatar{width:42px;height:42px}.mobile-dropdown .dropdown-name{font-size:14px;font-weight:600}.mobile-dropdown .dropdown-email{font-size:11px}.mobile-dropdown .dropdown-item{padding:11px 16px;font-size:14px;gap:10px}.mobile-dropdown .dropdown-item svg{width:19px;height:19px;flex-shrink:0}.mobile-dropdown .dropdown-divider{margin:6px 0}.mobile-dropdown .dropdown-menu{padding:8px 12px}.mobile-profile-avatar{position:relative}.mobile-profile-avatar:after{content:"▼";position:absolute;bottom:-2px;right:-2px;font-size:8px;color:#1a8063;background:#fff;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center;border:1px solid #1A8063}}@media (max-width: 480px){.mobile-action-buttons{flex-direction:column}.mobile-ats-btn,.mobile-login-btn{width:100%;min-height:48px}.logo-image{height:40px}.logo-tagline{font-size:6.5px}.mobile-right-section{display:flex;align-items:center;gap:12px}.mobile-profile-avatar{display:flex;align-items:center;justify-content:center;cursor:pointer}.mobile-profile-avatar .profile-avatar{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #10b981;box-shadow:0 2px 8px #10b9814d}.desktop-only{display:none}}@media (min-width: 769px){.desktop-only{display:flex!important}.mobile-right-section,.mobile-menu-toggle,.mobile-dropdown-container{display:none!important}}.terms-model-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease-out}.terms-model-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:1200px;width:98%;max-height:95vh;min-height:85vh;overflow:hidden;animation:slideUp .3s ease-out;display:flex;flex-direction:column}.terms-model-header{display:flex;justify-content:space-between;align-items:center;padding:18px 30px;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);flex-shrink:0}.terms-model-header h2{margin:0;font-size:24px;font-weight:700;color:#1e5128;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.terms-model-close{background:none;border:none;font-size:36px;color:#64748b;cursor:pointer;padding:0;width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.terms-model-close:hover{background:#f1f5f9;color:#1e5128;transform:scale(1.1)}.terms-model-body{padding:30px 40px;flex:1;overflow-y:auto;line-height:1.8}.terms-model-body::-webkit-scrollbar{width:10px}.terms-model-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.terms-model-body::-webkit-scrollbar-thumb{background:#1e5128;border-radius:5px}.terms-model-body::-webkit-scrollbar-thumb:hover{background:#2d7d32}.terms-section{margin-bottom:36px;padding:28px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 3px 10px #0000000f}.terms-section:hover{box-shadow:0 5px 20px #1e51281f;transition:box-shadow .3s ease}.terms-section h3{color:#1e5128;font-size:24px;font-weight:700;margin:0 0 18px;padding-bottom:10px;border-bottom:2px solid #1e5128;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.terms-section p{color:#374151;font-size:17px;margin:0 0 14px;text-align:justify;line-height:1.7}.terms-section strong{color:#1e5128;font-weight:600}@media (max-width: 1024px) and (min-width: 769px){.terms-model-content{width:95%;max-width:900px;max-height:92vh;min-height:80vh}.terms-model-header{padding:16px 24px}.terms-model-header h2{font-size:22px}.terms-model-body{padding:24px 32px}.terms-section{padding:20px;margin-bottom:24px}.terms-section h3{font-size:20px}.terms-section p{font-size:15px}.modal-footer{padding:14px 24px}}@media (max-width: 768px){.terms-model-content{width:100%;max-width:100%;max-height:100vh;min-height:100vh;margin:0;border-radius:0}.terms-model-header{padding:16px 20px;position:sticky;top:0;z-index:10;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.terms-model-header h2{font-size:20px}.terms-model-close{width:40px;height:40px;font-size:32px}.terms-model-body{padding:20px 16px 80px;-webkit-overflow-scrolling:touch}.terms-section{padding:16px;margin-bottom:20px}.terms-section h3{font-size:18px}.terms-section p{font-size:14px}.modal-footer{padding:16px 20px;position:sticky;bottom:0;background:#f8fafc;box-shadow:0 -4px 12px #0000001a}.btn-close-modal{width:100%;max-width:320px;padding:14px 28px;font-size:16px}}@media (max-width: 480px){.terms-model-header{padding:14px 16px}.terms-model-header h2{font-size:18px}.terms-model-close{width:36px;height:36px;font-size:28px}.terms-model-body{padding:16px 14px 80px}.terms-section{padding:14px;margin-bottom:16px}.terms-section h3{font-size:16px}.terms-section p{font-size:13px}.modal-footer{padding:14px 16px}.btn-close-modal{padding:13px 24px;font-size:15px}}@media (max-width: 375px){.terms-model-header h2{font-size:17px}.terms-model-body{padding:14px 12px 80px}.terms-section{padding:12px}.terms-section h3{font-size:15px}.terms-section p{font-size:12px}}@media (max-width: 320px){.terms-model-header{padding:12px 14px}.terms-model-header h2{font-size:15px}.terms-model-close{width:34px;height:34px;font-size:24px}.terms-model-body{padding:12px 10px 80px}.terms-section{padding:10px}.terms-section h3{font-size:14px}.terms-section p{font-size:11px}.btn-close-modal{min-height:44px}}.privacy-model-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease-out}.privacy-model-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:1200px;width:98%;max-height:95vh;min-height:85vh;overflow:hidden;animation:slideUp .3s ease-out;display:flex;flex-direction:column}.privacy-model-header{display:flex;justify-content:space-between;align-items:center;padding:18px 30px;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);flex-shrink:0}.privacy-model-header h2{color:#1e5128;font-size:24px;font-weight:700;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.privacy-model-close{background:none;border:none;font-size:36px;color:#64748b;cursor:pointer!important;padding:0;width:45px;height:45px;min-width:45px;min-height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0;margin:0 0 0 auto}.privacy-model-close:hover{background:#f1f5f9;color:#1e5128;transform:scale(1.1)}.privacy-model-body{flex:1;overflow-y:auto;padding:30px 40px;line-height:1.8}.privacy-model-body::-webkit-scrollbar{width:10px}.privacy-model-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.privacy-model-body::-webkit-scrollbar-thumb{background:#1e5128;border-radius:5px}.privacy-model-body::-webkit-scrollbar-thumb:hover{background:#2d7d32}.privacy-section{margin-bottom:36px;padding:28px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 3px 10px #0000000f}.privacy-section:hover{box-shadow:0 5px 20px #1e51281f;transition:box-shadow .3s ease}.privacy-section h3{color:#1e5128;font-size:24px;font-weight:700;margin:0 0 18px;padding-bottom:10px;border-bottom:2px solid #1e5128;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.privacy-section p{color:#374151;font-size:17px;margin:0 0 14px;text-align:justify;line-height:1.7}.privacy-section ul{margin:18px 0;padding-left:28px;color:#374151}.privacy-section li{margin:10px 0;font-size:17px;line-height:1.7}.privacy-section strong{color:#1e5128;font-weight:600;background:#f0f9f4;padding:3px 8px;border-radius:4px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 1024px) and (min-width: 769px){.privacy-model-content{width:95%;max-width:900px;max-height:92vh;min-height:80vh}.privacy-model-header{padding:16px 24px}.privacy-model-header h2{font-size:22px}.privacy-model-body{padding:24px 32px}.privacy-section{padding:20px;margin-bottom:24px}.privacy-section h3{font-size:20px}.privacy-section p,.privacy-section li{font-size:15px}.modal-footer{padding:14px 24px}}@media (max-width: 768px){.privacy-model-overlay{padding:0;align-items:stretch}.privacy-model-content{width:100%;max-width:100%;max-height:100vh;min-height:100vh;height:100vh;margin:0;border-radius:0}.privacy-model-header{padding:16px 20px;position:fixed;top:0;left:0;right:0;z-index:12;background:linear-gradient(135deg,#f8fafc,#f1f5f9);box-shadow:0 2px 4px #0000001a}.privacy-model-header h2{font-size:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.privacy-model-close{width:44px;height:44px;min-width:44px;min-height:44px;font-size:32px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center}.privacy-model-body{padding:80px 16px 100px;-webkit-overflow-scrolling:touch;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-y:auto}.privacy-section{padding:16px;margin-bottom:20px}.privacy-section h3{font-size:18px;margin-bottom:12px;padding-bottom:6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.privacy-section p,.privacy-section li{font-size:14px;line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.privacy-section ul{padding-left:20px;margin:12px 0}.privacy-section li{margin:8px 0}.privacy-section strong{padding:2px 6px;font-size:14px}.modal-footer{padding:16px 20px;position:fixed;bottom:0;left:0;right:0;background:#f8fafc;box-shadow:0 -4px 12px #00000026;z-index:12}.btn-close-modal{width:100%;max-width:320px;padding:14px 28px;font-size:16px;min-height:48px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}}@media (max-width: 480px){.privacy-model-overlay{padding:0}.privacy-model-header{padding:14px 16px}.privacy-model-header h2{font-size:18px}.privacy-model-close{width:42px;height:42px;min-width:42px;min-height:42px;font-size:28px;background:#f1f5f9}.privacy-model-body{padding:72px 14px 90px}.privacy-section{padding:14px;margin-bottom:16px;border-radius:10px}.privacy-section h3{font-size:16px;margin-bottom:10px}.privacy-section p,.privacy-section li{font-size:13px}.privacy-section ul{padding-left:18px;margin:10px 0}.privacy-section li{margin:6px 0}.privacy-section strong{padding:2px 5px;font-size:13px}.modal-footer{padding:14px 16px}.btn-close-modal{padding:13px 24px;font-size:15px;min-height:46px}}@media (max-width: 375px){.privacy-model-header h2{font-size:17px}.privacy-model-body{padding:14px 12px 80px}.privacy-section{padding:12px}.privacy-section h3{font-size:15px}.privacy-section p,.privacy-section li,.privacy-section strong{font-size:12px}}@media (max-width: 320px){.privacy-model-header{padding:12px 14px}.privacy-model-header h2{font-size:15px}.privacy-model-close{width:34px;height:34px;font-size:24px}.privacy-model-body{padding:12px 10px 80px}.privacy-section{padding:10px}.privacy-section h3{font-size:14px}.privacy-section p,.privacy-section li{font-size:11px}.btn-close-modal{min-height:44px}}.modal-footer{padding:16px 30px;border-top:1px solid #e5e7eb;display:flex;justify-content:center;background:#f8fafc;flex-shrink:0}.btn-close-modal{background:#1a8063;color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-close-modal:hover{background:#16a085;transform:translateY(-2px);box-shadow:0 4px 12px #1a80634d}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}.modal{background:#fff;border-radius:18px;padding:36px 22px 12px;width:90%;max-width:400px;max-height:90vh;max-height:90dvh;overflow:hidden;position:relative;box-shadow:0 25px 80px #0003;transform:scale(.9);animation:modalAppear .3s ease-out forwards;display:flex;flex-direction:column}@keyframes modalAppear{to{transform:scale(1)}}.modal-close{position:absolute;top:12px;right:12px;background:#ef4444;border:none;font-size:28px;cursor:pointer!important;color:#0f0e0e;width:44px;height:44px;min-width:44px;min-height:44px;display:flex!important;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;z-index:10001;flex-shrink:0;line-height:1;padding:0;font-weight:700;box-shadow:0 2px 8px #ef44444d;opacity:1!important;visibility:visible!important;pointer-events:auto!important;touch-action:manipulation}.modal-close:hover{background:#dc2626;transform:rotate(90deg) scale(1.1);box-shadow:0 4px 12px #ef444466}.modal-title{text-align:center;margin:0 0 6px;font-size:17px;font-weight:700;color:#1e293b}.auth-mode-toggle{display:flex;background:#f1f5f9;border-radius:10px;padding:2px;margin-bottom:6px}.toggle-option{flex:1;cursor:pointer}.toggle-option input{display:none}.toggle-label{display:block;padding:7px;text-align:center;border-radius:7px;font-weight:600;font-size:12px;color:#64748b;transition:all .3s ease}.toggle-option input:checked+.toggle-label{background:#fff;color:#1a8063;box-shadow:0 2px 8px #0000001a}.phone-section{margin-bottom:24px}.input-label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.enhanced-phone-container{display:flex;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#fff;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.enhanced-phone-container:focus-within{border-color:#1a8063;box-shadow:0 0 0 3px #1a80631a}.country-code-display{position:relative;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:14px 12px;display:flex;align-items:center;gap:6px;min-width:90px;border-right:1px solid #e2e8f0;cursor:pointer}.country-code-display .flag{font-size:16px}.country-code-display .code{font-weight:700;color:#1a8063;font-size:14px}.country-dropdown{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:12px}.phone-input-wrapper{flex:1;position:relative}.enhanced-phone-input{width:100%;padding:14px 16px;border:none;outline:none;font-size:16px;background:transparent;color:#333}.enhanced-phone-input::-moz-placeholder{color:#94a3b8;font-size:14px}.enhanced-phone-input::placeholder{color:#94a3b8;font-size:14px}.number-preview{margin-top:8px;padding:8px 12px;background:#f1f5f9;border-radius:8px;font-size:14px;text-align:center}.preview-label{color:#64748b;margin-right:8px}.preview-number{font-weight:700;color:#1a8063;letter-spacing:1px}.otp-verification-section{text-align:center}.otp-header{margin-bottom:12px;padding:10px 14px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:12px;border:1px solid #a7f3d0}.otp-icon{font-size:22px;margin-bottom:4px}.otp-header h3{margin:0 0 2px;color:#065f46;font-size:14px;font-weight:700}.otp-header p{margin:2px 0;color:#6b7280;font-size:12px}.sent-to-number{display:inline-block;margin-top:4px;padding:3px 10px;background:#fff;border-radius:16px;font-weight:700;color:#1a8063;font-size:12.5px;border:1px solid #a7f3d0}.otp-input-section{margin-bottom:12px}.enhanced-otp-input{width:100%;padding:10px;text-align:center;font-size:22px;font-weight:800;letter-spacing:10px;border:2px solid #e2e8f0;border-radius:10px;background:#fafbfc;color:#1a8063;font-family:Courier New,monospace;transition:all .3s ease}.enhanced-otp-input:focus{border-color:#1a8063;background:#fff;box-shadow:0 0 0 3px #1a80631a;outline:none}.otp-help{margin-top:4px;font-size:11px;color:#6b7280}.otp-actions{display:flex;gap:8px;margin-top:10px}.action-btn{flex:1;padding:9px;border-radius:8px;font-weight:600;font-size:12px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.action-btn.secondary{background:#f8fafc;color:#475569;border-color:#e2e8f0}.action-btn.secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.action-btn.primary{background:#1a8063;color:#fff;border-color:#1a8063}.action-btn.primary:hover{background:#16a085;transform:translateY(-1px)}.modal-submit-btn{width:100%;padding:0 14px;height:36px;background:linear-gradient(135deg,#1a8063,#16a085);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-bottom:4px;box-shadow:0 4px 14px #1a80634d;display:flex;align-items:center;justify-content:center;overflow:hidden;line-height:1}.modal-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #1a806366}.modal-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-text{display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1}.modal-submit-btn .spinner{display:inline-block;width:12px;height:12px;border:1.5px solid transparent;border-top:1.5px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0;vertical-align:middle}.social-section{margin-top:4px}.social-grid{display:flex;gap:8px;margin-top:6px}.social-btn.google-full{width:100%;padding:8px 16px;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:600;color:#374151;letter-spacing:.2px}.social-btn.google-full:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4285f426;border-color:#4285f4;background:linear-gradient(135deg,#f8fbff,#eef4ff)}.social-btn.google-full:active{transform:translateY(0);box-shadow:0 2px 8px #4285f41a}.social-btn.google-full:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.social-btn.compact{flex:1;aspect-ratio:unset;padding:11px 16px;border:2px solid #e2e8f0;border-radius:10px;background:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:600;color:#374151}.social-btn.compact:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a;border-color:#1a8063;background:#f0f9f5}.social-btn.compact:active{transform:translateY(0)}.social-icon{width:18px;height:18px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.input-group{margin-bottom:5px}.modal-input{width:100%;padding:7px 12px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:13px;transition:all .2s ease;box-sizing:border-box;background:#fafbfc}.modal-input:focus{border-color:#1a8063;outline:none;box-shadow:0 0 0 3px #1a80631a;background:#fff}@media (max-width: 1024px) and (min-width: 769px){.modal{width:85%;max-width:420px;padding:38px 22px 14px;overflow:hidden}.modal-title{font-size:17px}.toggle-label{padding:7px;font-size:12px}.enhanced-phone-input,.enhanced-otp-input{font-size:15px}.social-btn.compact{padding:8px 12px;font-size:12px}}@media (max-width: 768px){.modal-overlay{padding:0;align-items:center}.modal{width:92%;max-width:92%;padding:36px 16px 10px;border-radius:16px;max-height:92vh;max-height:92dvh;overflow:hidden}.modal-title{font-size:16px;margin-bottom:6px}.auth-mode-toggle{margin-bottom:6px}.toggle-label{padding:6px;font-size:11.5px}.input-label{font-size:12px}.country-code-display{padding:10px 8px;min-width:75px}.country-code-display .code{font-size:12px}.enhanced-phone-input{font-size:14px;padding:10px}.enhanced-otp-input{font-size:20px;letter-spacing:6px;padding:12px}.social-grid{flex-direction:row;gap:8px}.social-btn.compact{padding:10px 12px;border-radius:9px;font-size:12px}.social-icon{width:18px;height:18px}.otp-actions{flex-direction:column;gap:8px}.otp-actions button{width:100%}.divider{margin:8px 0;font-size:11px}.submit-btn,.send-otp-btn,.verify-otp-btn{padding:10px 16px;font-size:13px}}@media (max-width: 480px){.modal-overlay{padding:0}.modal{padding:34px 12px 10px;border-radius:14px;width:92%;max-height:92vh;max-height:92dvh;overflow:hidden}.modal-title{font-size:15px}.enhanced-phone-input{font-size:14px}.enhanced-otp-input{font-size:18px;letter-spacing:5px}.social-grid{flex-direction:row;gap:8px}.social-btn.compact{padding:9px 10px;border-radius:9px;font-size:11.5px}.social-icon{width:18px;height:18px}.otp-actions{flex-direction:column;gap:8px}.country-code-display{min-width:70px}}.mobile-info{text-align:center;margin-bottom:14px;padding:8px 12px;background:#ecfdf5;border-radius:8px;border-left:4px solid #10b981}.mobile-info p{margin:0;color:#065f46;font-size:12.5px;font-weight:500}.divider{display:flex;align-items:center;margin:4px 0;color:#6b7280;font-size:11px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.divider span{padding:0 12px;background:#fff}.modal-switch{text-align:center;font-size:12px;color:#6b7280;margin:2px 0 0}.modal-switch-link{color:#1a8063;font-weight:600;cursor:pointer;text-decoration:none;border-bottom:1px solid transparent;transition:border-bottom .2s}.modal-switch-link:hover{border-bottom-color:#1a8063}.forgot-password-container{display:flex;justify-content:flex-end;margin:2px 0 6px}.forgot-password-link{background:none;border:none;color:#1a8063;font-size:12.5px;font-weight:500;cursor:pointer;text-decoration:none;padding:4px 0;border-bottom:1px solid transparent;transition:all .2s ease}.forgot-password-link:hover{border-bottom-color:#1a8063;color:#16a085}.forgot-password-link:disabled{opacity:.6;cursor:not-allowed}.reset-email-success{background:#f0f9f5;border:1px solid #16a085;border-radius:12px;padding:16px;margin:16px 0;text-align:center}.reset-email-success p{color:#16a085;font-size:14px;font-weight:500;margin:0 0 12px;line-height:1.4}.back-to-login-btn{background:#1a8063;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.back-to-login-btn:hover{background:#16a085}.forgot-password-view{text-align:center}.forgot-password-desc{color:#64748b;font-size:13px;line-height:1.5;margin:0 0 16px}.forgot-password-view .reset-email-success{margin:0}.forgot-password-view .reset-email-success p{font-size:13px;margin:0 0 14px}@media (max-width: 375px){.modal{width:95%;padding:40px 12px 14px;border-radius:14px}.modal-title{font-size:16px;margin-bottom:10px}.modal-close{width:38px;height:38px;min-width:38px;min-height:38px;font-size:24px;top:10px;right:10px}.toggle-label{padding:7px;font-size:11.5px}.modal-input{padding:10px 12px;font-size:14px}.enhanced-phone-input{font-size:14px;padding:10px}.enhanced-otp-input{font-size:16px;letter-spacing:4px;padding:10px}.social-btn.compact{padding:9px 8px;font-size:11px}.social-icon{width:16px;height:16px}.modal-submit-btn{height:42px;font-size:13px}.action-btn{padding:8px;font-size:11.5px}.divider{font-size:11px}.modal-switch,.forgot-password-link{font-size:11.5px}}@media (max-width: 320px){.modal{width:96%;padding:38px 10px 12px;border-radius:12px}.modal-title{font-size:15px}.toggle-label{padding:6px;font-size:11px}.social-btn.compact{padding:8px 6px;font-size:10.5px;gap:6px}.social-icon{width:15px;height:15px}.modal-submit-btn{height:40px;font-size:12.5px}.enhanced-otp-input{font-size:16px;letter-spacing:3px}.country-code-display{min-width:65px;padding:8px 6px}}.ats-result-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease}.ats-result-content{position:relative;background:#fff;border-radius:20px;max-width:1200px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s ease;display:flex;flex-direction:column}.ats-result-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background:#0000001a;border-radius:50%;font-size:28px;color:#666;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.ats-result-close:hover{background:#ef44441a;color:#ef4444;transform:rotate(90deg)}.ats-result-split{display:flex;gap:30px;padding:30px;overflow-y:auto;max-height:85vh}.ats-left-panel{flex:1;min-width:0}.panel-header h2{font-size:28px;color:#1f2937;margin-bottom:8px;display:flex;align-items:center;gap:12px}.header-icon{font-size:32px}.header-subtitle{font-size:15px;color:#6b7280;margin-bottom:25px}.improvements-list{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.improvement-card{display:flex;gap:15px;padding:18px;background:#f9fafb;border-radius:12px;border-left:4px solid;transition:all .3s ease}.improvement-card:hover{transform:translate(5px);box-shadow:0 4px 12px #00000014}.improvement-card.priority-high{border-left-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#f9fafb)}.improvement-card.priority-medium{border-left-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#f9fafb)}.improvement-card.priority-low{border-left-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#f9fafb)}.improvement-icon{font-size:28px;flex-shrink:0}.improvement-content h4{font-size:16px;color:#1f2937;margin-bottom:6px;font-weight:600}.improvement-content p{font-size:14px;color:#6b7280;line-height:1.6;margin:0}.ai-feedback-box{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981;border-radius:12px;padding:20px;margin-bottom:25px}.feedback-label{display:flex;align-items:center;gap:8px;font-weight:600;color:#065f46;margin-bottom:10px;font-size:15px}.feedback-icon{font-size:20px}.ai-feedback-box p{color:#047857;font-size:14px;line-height:1.7;margin:0}.low-score-cta{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;padding:25px;text-align:center}.cta-content h3{font-size:20px;color:#92400e;margin-bottom:10px}.cta-content p{color:#b45309;font-size:14px;margin-bottom:20px;line-height:1.6}.btn-create-resume{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:14px 32px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 15px #f59e0b4d}.btn-create-resume:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.btn-icon{font-size:18px}.ats-right-panel{width:380px;flex-shrink:0;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:16px;padding:25px;position:sticky;top:0;align-self:flex-start;max-height:85vh;overflow-y:auto}.score-section{display:flex;flex-direction:column;gap:25px}.score-title{font-size:22px;color:#1f2937;text-align:center;margin:0}.score-display{display:flex;flex-direction:column;align-items:center;gap:20px}.score-circle-large{position:relative;width:200px;height:200px}.score-ring{width:100%;height:100%;transform:rotate(-90deg)}.score-ring-bg{fill:none;stroke:#e5e7eb;stroke-width:12}.score-ring-progress{fill:none;stroke-width:12;stroke-linecap:round;stroke-dasharray:534;transition:stroke-dashoffset 1s ease}.score-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.score-emoji{font-size:36px;margin-bottom:8px}.score-number{font-size:48px;font-weight:700;line-height:1;margin-bottom:5px}.score-label{font-size:13px;color:#6b7280;font-weight:500}.score-grade-badge{padding:10px 24px;border-radius:20px;color:#fff;font-weight:600;font-size:16px;text-align:center;box-shadow:0 4px 12px #00000026}.score-breakdown{background:#fff;padding:18px;border-radius:12px;border:2px solid #e5e7eb}.score-breakdown h4{font-size:16px;color:#1f2937;margin-bottom:10px;font-weight:600}.score-breakdown p{font-size:14px;color:#4b5563;line-height:1.6;margin:0}.quick-stats{display:flex;flex-direction:column;gap:12px}.stat-item{display:flex;align-items:center;gap:12px;background:#fff;padding:14px;border-radius:10px;border:2px solid #e5e7eb}.stat-icon{font-size:24px;flex-shrink:0}.stat-content{flex:1}.stat-value{font-size:22px;font-weight:700;color:#1f2937;line-height:1;margin-bottom:4px}.stat-label{font-size:12px;color:#6b7280;font-weight:500}.score-actions{display:flex;flex-direction:column;gap:10px}.btn-edit-resume,.btn-download-report{width:100%;padding:14px 20px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.btn-edit-resume{background:linear-gradient(135deg,#1a8063,#156b54);color:#fff;box-shadow:0 4px 12px #1a80634d}.btn-edit-resume:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1a806366}.btn-download-report{background:#fff;color:#1a8063;border:2px solid #1A8063}.btn-download-report:hover{background:#f0fdf4;transform:translateY(-2px)}@media (max-width: 968px){.ats-result-split{flex-direction:column;gap:25px}.ats-right-panel{width:100%;position:relative;max-height:none}.score-circle-large{width:190px;height:190px}.score-number{font-size:44px;font-weight:900}.score-emoji{font-size:34px}.score-title{font-size:22px;font-weight:700}}@media (max-width: 768px){.ats-result-overlay{padding:15px}.ats-result-content{border-radius:16px;max-height:92vh}.ats-result-close{top:15px;right:15px;width:36px;height:36px;font-size:24px}.ats-result-split{padding:25px 20px;gap:25px}.panel-header h2{font-size:24px;font-weight:700}.header-icon{font-size:28px}.header-subtitle{font-size:14px}.improvement-card{padding:16px}.improvement-icon{font-size:26px;width:42px;height:42px}.improvement-content h4{font-size:15px;font-weight:700}.improvement-content p{font-size:14px;line-height:1.6}.score-circle-large{width:170px;height:170px}.score-number{font-size:40px;font-weight:900}.score-emoji{font-size:30px}.score-title{font-size:21px;font-weight:700}.score-description{font-size:14px}.highlights-list li,.improvements-list li{font-size:14px;padding-left:26px}.cta-content h3{font-size:19px;font-weight:700}.cta-content p{font-size:14px}.btn-edit-resume,.btn-download-report,.btn-create-resume{padding:12px 24px;font-size:15px;font-weight:600}}@media (max-width: 480px){.ats-result-overlay{padding:12px}.ats-result-content{border-radius:14px}.ats-result-close{top:12px;right:12px;width:32px;height:32px;font-size:22px}.ats-result-split{padding:20px 16px;gap:20px}.panel-header h2{font-size:20px;font-weight:700}.header-icon{font-size:24px}.header-subtitle{font-size:13px}.improvement-card{padding:14px}.improvement-icon{font-size:22px;width:38px;height:38px}.improvement-content h4{font-size:14px;font-weight:700}.improvement-content p{font-size:13px;line-height:1.6}.score-circle-large{width:150px;height:150px}.score-number{font-size:36px;font-weight:900}.score-emoji{font-size:26px}.score-title{font-size:18px;font-weight:700}.score-description{font-size:13px}.highlights-list li,.improvements-list li{font-size:13px;padding-left:24px}.cta-content h3{font-size:17px;font-weight:700}.cta-content p{font-size:13px}.btn-edit-resume,.btn-download-report,.btn-create-resume{padding:11px 20px;font-size:14px;font-weight:600}}@media (max-width: 375px){.ats-result-split{padding:18px 14px}.panel-header h2{font-size:18px;font-weight:700}.header-icon{font-size:22px}.improvement-card{padding:12px}.improvement-icon{font-size:20px;width:34px;height:34px}.improvement-content h4{font-size:13px;font-weight:700}.improvement-content p{font-size:12px}.score-circle-large{width:140px;height:140px}.score-number{font-size:32px;font-weight:900}.score-emoji{font-size:24px}.score-title{font-size:16px;font-weight:700}.score-description{font-size:12px}.highlights-list li,.improvements-list li{font-size:12px;padding-left:22px}.cta-content h3{font-size:16px;font-weight:700}.cta-content p{font-size:12px}.btn-edit-resume,.btn-download-report,.btn-create-resume{padding:10px 18px;font-size:13px;font-weight:600}}.file-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000;overflow-y:auto;padding:20px}.file-modal{background:#fff;padding:26px;border-radius:12px;width:90%;max-width:440px;min-width:380px;max-height:90vh;box-shadow:0 8px 32px #0003;margin:auto;position:relative;display:flex;flex-direction:column}.file-modal h2{text-align:center;color:#1a8063;margin-bottom:16px;font-size:1.35rem;font-weight:700}.upload-error{background:#fee2e2;border:1px solid #ef4444;border-radius:8px;padding:10px 14px;margin-bottom:14px;display:flex;align-items:center;gap:8px;color:#dc2626;font-size:13px;font-weight:500}.error-icon{flex-shrink:0}.file-size-warning{background:#dbeafe;border:1px solid #3b82f6;border-radius:8px;padding:10px 12px;margin-bottom:18px;display:flex;align-items:center;gap:8px;color:#1e40af;font-size:13px;font-weight:500}.file-size-warning .info-icon{flex-shrink:0}.file-drop-zone{border:2px dashed #ccc;border-radius:10px;padding:32px 18px;text-align:center;transition:all .3s ease;background:#fafafa;margin-bottom:16px;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}.file-drop-zone.drag-active{border-color:#1a8063;background:#1a80631a}.upload-icon{margin-bottom:12px;display:flex;justify-content:center;align-items:center}.upload-icon svg{width:50px;height:50px}.drop-text{margin:8px 0 6px;color:#334155;font-size:15px;font-weight:600;text-align:center!important;width:100%;display:block}.file-drop-zone p{margin:5px 0;color:#64748b;font-size:13px;text-align:center!important;width:100%;display:block}.file-info{margin:8px 0 12px;color:#64748b;font-size:14px;font-weight:500;text-align:center!important;width:100%;display:block}.browse-btn{background:#1a8063;color:#fff;padding:9px 18px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;margin-top:12px;display:inline-block;transition:background .2s}.browse-btn:hover{background:#145e4a}.selected-file{padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;min-height:160px;justify-content:center}.file-icon{margin-bottom:6px;display:flex;align-items:center;justify-content:center}.file-icon svg{width:42px;height:42px}.file-name{font-weight:600;color:#1a8063;margin:6px 0;font-size:14px;text-align:center;word-break:break-word;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;padding:0 12px}.file-size{color:#64748b;font-size:13px;margin:3px 0;font-weight:500}.remove-file-btn{background:#ef4444;color:#fff;border:none;padding:7px 14px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;transition:all .2s ease}.remove-file-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 2px 8px #ef44444d}.cache-control-checkbox{margin:14px 0 12px;padding:11px 12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.cache-control-checkbox label{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cache-control-checkbox input[type=checkbox]{width:17px;height:17px;cursor:pointer;accent-color:#1A8063;flex-shrink:0}.cache-control-checkbox span{font-size:13px;color:#475569;font-weight:500;line-height:1.4}.file-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:2px}.cancel-btn{background:#e2e8f0;color:#475569;border:none;padding:10px 18px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease}.cancel-btn:hover{background:#cbd5e1}.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.upload-submit-btn{background:#1a8063;color:#fff;border:none;padding:0 18px;height:42px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px;justify-content:center;transition:all .2s ease;overflow:hidden;line-height:1}.upload-submit-btn:hover:not(:disabled){background:#145e4a}.upload-submit-btn:disabled{background:#94a3b8;cursor:not-allowed;opacity:.7}.upload-submit-btn .loading-text{display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1}.upload-submit-btn .spinner{display:inline-block;width:12px;height:12px;border:1.5px solid #ffffff;border-top:1.5px solid transparent;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0;vertical-align:middle}@media (max-width: 1024px) and (min-width: 769px){.file-modal{width:85%;max-width:500px;padding:24px}.file-modal h2{font-size:1.25rem}.file-drop-zone{padding:28px 16px}.upload-icon svg{width:46px;height:46px}.drop-text{font-size:14px}.file-modal-actions{gap:12px}.cancel-btn,.upload-submit-btn{padding:12px 20px}}@media (max-width: 768px){.file-modal-overlay{padding:0;align-items:center}.file-modal{padding:20px 16px;width:95%;max-width:95%;min-width:unset;max-height:85vh;margin:20px auto}.file-modal h2{font-size:1.2rem;margin-bottom:14px}.file-drop-zone{padding:24px 12px}.upload-icon svg{width:42px;height:42px}.drop-text{font-size:14px}.file-drop-zone p{font-size:12px}.file-info{font-size:13px}.browse-btn{padding:8px 16px;font-size:13px}.file-icon svg{width:36px;height:36px}.file-name{font-size:13px}.file-size{font-size:12px}.upload-error,.file-size-warning{font-size:12px;padding:8px 10px}.cache-control-checkbox{padding:10px}.cache-control-checkbox span{font-size:12px}.file-modal-actions{flex-direction:column-reverse;gap:8px}.cancel-btn,.upload-submit-btn{width:100%;padding:11px 18px;justify-content:center}}@media (max-width: 480px){.file-modal-overlay{padding:0;align-items:center}.file-modal{padding:18px 14px;width:90%;min-width:unset;max-height:88vh;margin:auto}.file-modal h2{font-size:1.15rem;margin-bottom:12px}.file-drop-zone{padding:20px 12px;min-height:160px}.selected-file{min-height:140px;padding:16px 12px}.file-modal-actions{flex-direction:column-reverse;gap:10px;width:100%}.cancel-btn,.upload-submit-btn{width:100%;padding:12px 18px;justify-content:center;font-size:14px}.upload-icon svg{width:38px;height:38px}.drop-text{font-size:13px}.file-modal h2{font-size:1.1rem}}.import-animation-modal{display:flex;align-items:center;justify-content:center;min-height:320px}.import-animation-container{display:flex;flex-direction:column;align-items:center;gap:28px;padding:20px}.import-document-icon{position:relative;display:flex;align-items:center;justify-content:center}.import-pulse-ring{position:absolute;width:90px;height:90px;border-radius:50%;border:2px solid #1A8063;animation:pulse-ring 1.5s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.4);opacity:0}}.import-stages{display:flex;flex-direction:column;gap:12px;width:100%;max-width:240px}.import-stage{display:flex;align-items:center;gap:10px;opacity:.3;transition:all .4s ease}.import-stage.active{opacity:1}.import-stage.done{opacity:.6}.import-stage .stage-dot{width:10px;height:10px;border-radius:50%;background:#cbd5e1;transition:all .3s ease;flex-shrink:0}.import-stage.active .stage-dot{background:#1a8063;box-shadow:0 0 8px #1a806380;animation:dot-pulse .8s ease-in-out infinite}.import-stage.done .stage-dot{background:#10b981}@keyframes dot-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.import-stage .stage-text{font-size:.95rem;color:#334155;font-weight:500}.import-stage.active .stage-text{color:#1a8063;font-weight:600}.import-progress-bar{width:100%;max-width:240px;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.import-progress-fill{height:100%;background:linear-gradient(90deg,#1a8063,#10b981);border-radius:2px;transition:width .4s ease}.import-progress-fill.stage-importing{width:33%}.import-progress-fill.stage-extracting{width:66%}.import-progress-fill.stage-almost{width:95%}.feedback-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:feedbackFadeIn .3s ease}@keyframes feedbackFadeIn{0%{opacity:0}to{opacity:1}}.feedback-modal-content{background:#fff;border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:feedbackSlideUp .4s ease;padding:40px}@keyframes feedbackSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feedback-modal-close{position:absolute;top:20px;right:20px;background:transparent;border:none;font-size:32px;color:#94a3b8;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1}.feedback-modal-close:hover{background:#f1f5f9;color:#1e293b;transform:scale(1.1)}.feedback-modal-header{text-align:center;margin-bottom:35px}.feedback-modal-header h2{font-size:32px;font-weight:800;background:linear-gradient(135deg,#1a8063,#047857);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 10px}.feedback-modal-header p{font-size:16px;color:#64748b;margin:0}.feedback-form{display:flex;flex-direction:column;gap:30px}.rating-section{display:flex;flex-direction:column;align-items:center;gap:15px;padding:25px;background:linear-gradient(135deg,#1a80630d,#10b9810d);border-radius:16px;border:2px solid rgba(26,128,99,.1)}.rating-label{font-size:18px;font-weight:700;color:#1e293b;text-align:center}.star-rating{display:flex;gap:10px}.star{background:none;border:none;font-size:48px;color:#e2e8f0;cursor:pointer;transition:all .3s ease;padding:0;line-height:1;transform-origin:center}.star:hover{transform:scale(1.2) rotate(10deg)}.star.active{color:#fbbf24;filter:drop-shadow(0 2px 8px rgba(251,191,36,.5));animation:starPop .3s ease}@keyframes starPop{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(15deg)}to{transform:scale(1)}}.rating-text{font-size:20px;font-weight:700;color:#1a8063;margin:10px 0 0;animation:ratingTextFade .3s ease}@keyframes ratingTextFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.feedback-section{display:flex;flex-direction:column;gap:12px}.feedback-label{font-size:16px;font-weight:700;color:#1e293b}.feedback-textarea{width:100%;padding:16px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;font-family:inherit;color:#1e293b;resize:vertical;min-height:150px;transition:all .3s ease;line-height:1.6}.feedback-textarea:focus{outline:none;border-color:#1a8063;box-shadow:0 0 0 4px #1a80631a}.feedback-textarea::-moz-placeholder{color:#94a3b8}.feedback-textarea::placeholder{color:#94a3b8}.feedback-counter{display:flex;justify-content:space-between;font-size:13px;color:#64748b;padding:0 4px}.feedback-counter .warning{color:#f59e0b;font-weight:600}.char-count{color:#94a3b8}.feedback-submit-btn{background:linear-gradient(135deg,#1a8063,#047857);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #1a80634d;position:relative;overflow:hidden}.feedback-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.feedback-submit-btn:hover:before{left:100%}.feedback-submit-btn:hover{background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-2px);box-shadow:0 6px 20px #1a806366}.feedback-submit-btn:active{transform:translateY(0)}.feedback-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.feedback-submit-btn:disabled:hover{transform:none;box-shadow:0 4px 15px #1a80634d}.feedback-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:feedbackSpin .6s linear infinite;margin-right:8px;vertical-align:middle}@keyframes feedbackSpin{to{transform:rotate(360deg)}}.feedback-success{text-align:center;padding:40px 20px;animation:successFadeIn .5s ease}@keyframes successFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;font-size:48px;color:#fff;font-weight:700;animation:successIconPop .6s ease;box-shadow:0 8px 30px #10b98166}@keyframes successIconPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.feedback-success h2{font-size:32px;font-weight:800;color:#1e293b;margin:0 0 15px}.feedback-success p{font-size:18px;color:#64748b;margin:0 0 10px}.success-subtext{font-size:15px!important;color:#94a3b8!important}@media (max-width: 1024px) and (min-width: 769px){.feedback-modal-content{max-width:650px;padding:36px}.feedback-modal-header h2{font-size:28px}.feedback-modal-header p{font-size:15px}.rating-section{padding:24px}.star{font-size:44px}.rating-text{font-size:20px}}@media (max-width: 768px){.feedback-modal-content{padding:30px 25px;max-height:85vh}.feedback-modal-header h2{font-size:26px}.feedback-modal-header p{font-size:14px}.rating-section{padding:20px}.rating-label{font-size:16px}.star{font-size:40px}.rating-text{font-size:18px}.feedback-submit-btn{padding:14px 28px;font-size:16px}}@media (max-width: 480px){.feedback-modal-overlay{padding:15px}.feedback-modal-content{padding:25px 20px;border-radius:16px}.feedback-modal-close{top:15px;right:15px;font-size:28px;width:36px;height:36px}.feedback-modal-header h2{font-size:22px}.feedback-modal-header p{font-size:13px}.rating-section{padding:18px 15px}.rating-label{font-size:15px}.star{font-size:36px;gap:8px}.star-rating{gap:6px}.rating-text{font-size:16px}.feedback-label{font-size:15px}.feedback-textarea{padding:14px;font-size:14px;min-height:130px}.feedback-counter{font-size:12px}.feedback-submit-btn{padding:13px 24px;font-size:15px;width:100%}.success-icon{width:70px;height:70px;font-size:40px}.feedback-success h2{font-size:24px}.feedback-success p{font-size:16px}.success-subtext{font-size:14px!important}}.feedback-modal-content::-webkit-scrollbar{width:8px}.feedback-modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.feedback-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.feedback-modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.contact-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.contact-modal-content{background:#fff;border-radius:20px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.contact-modal-header{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:48px 40px 40px;border-radius:20px 20px 0 0;position:relative;text-align:center;overflow:hidden}.contact-modal-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:shimmer 4s ease-in-out infinite}.contact-header-icon{width:80px;height:80px;margin:0 auto 20px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);position:relative;z-index:1}.contact-modal-header h2{font-size:36px;font-weight:800;margin:0 0 8px;position:relative;z-index:1}.contact-subtitle{font-size:16px;opacity:.95;margin:0;position:relative;z-index:1}.contact-modal-close{position:absolute;top:20px;right:20px;background:#fff3;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2;line-height:1;padding:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-modal-close:hover{background:#ef4444e6;transform:rotate(90deg)}.contact-modal-body{padding:40px}.contact-intro-section{margin-bottom:32px;padding:24px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:4px solid #10b981;border-radius:12px}.contact-intro-section p{font-size:15px;line-height:1.7;color:#0f172a;margin:0 0 12px}.contact-intro-section p:last-child{margin-bottom:0;font-weight:600;color:#059669}.contact-section{margin-bottom:32px;padding:28px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}.contact-section:hover{border-color:#10b981;box-shadow:0 4px 12px #10b9811a}.contact-section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.contact-section-header svg{color:#10b981;flex-shrink:0}.contact-section-header h3{font-size:20px;font-weight:700;color:#0f172a;margin:0}.contact-section p{font-size:15px;line-height:1.7;color:#475569;margin:0 0 16px}.contact-section p:last-child{margin-bottom:0}.contact-email-link{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;text-decoration:none;border-radius:10px;font-size:16px;font-weight:600;margin:16px 0;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.contact-email-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166;background:linear-gradient(135deg,#059669,#047857)}.contact-email-link svg{flex-shrink:0}.contact-note{font-size:14px!important;color:#64748b!important;font-style:italic}.highlight-section{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b;border-left-width:4px}.highlight-section:hover{border-color:#d97706}.support-hours-box{background:#fff;padding:20px;border-radius:8px;text-align:center}.support-hours-box p{margin:0 0 8px}.support-hours-box strong{font-size:16px;color:#0f172a}.hours-time{font-size:18px!important;font-weight:700!important;color:#f59e0b!important;margin:12px 0!important}.hours-note{font-size:13px!important;color:#78350f!important;margin-top:12px!important;padding-top:12px;border-top:1px solid #fde68a}.location-box{background:#fff;padding:20px;border-radius:8px}.location-country{font-size:20px!important;font-weight:700!important;color:#10b981!important;margin-bottom:12px!important}@media (max-width: 768px){.contact-modal-content{max-width:95%;border-radius:16px}.contact-modal-header{padding:36px 24px 28px;border-radius:16px 16px 0 0}.contact-header-icon{width:64px;height:64px}.contact-header-icon svg{width:32px;height:32px}.contact-modal-header h2{font-size:28px}.contact-subtitle{font-size:14px}.contact-modal-body{padding:28px 20px}.contact-intro-section,.contact-section{padding:20px;margin-bottom:24px}.contact-section-header h3{font-size:18px}.contact-email-link{font-size:14px;padding:12px 20px}}@media (max-width: 480px){.contact-modal-header{padding:28px 20px 24px}.contact-modal-header h2{font-size:24px}.contact-modal-body{padding:24px 16px}.contact-intro-section,.contact-section{padding:16px}.contact-email-link{font-size:13px;padding:10px 16px}}.email-collection-overlay{position:fixed;inset:0;background:#0f172aa6;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:ecm-fadeIn .25s ease}@keyframes ecm-fadeIn{0%{opacity:0}to{opacity:1}}.email-collection-modal{position:relative;background:#fff;border-radius:20px;padding:40px 32px 32px;width:90%;max-width:420px;box-shadow:0 25px 80px #0003,0 0 0 1px #6366f114;animation:ecm-slideUp .35s cubic-bezier(.16,1,.3,1)}@keyframes ecm-slideUp{0%{transform:translateY(24px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.email-collection-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s}.email-collection-close:hover{background:#e2e8f0;color:#334155}.email-collection-header{text-align:center;margin-bottom:28px}.email-collection-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 16px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:50%}.email-collection-header h2{font-size:1.35rem;font-weight:700;color:#1e293b;margin:0 0 8px}.email-collection-header p{font-size:.88rem;color:#64748b;line-height:1.6;max-width:320px;margin:0 auto}.email-collection-form{display:flex;flex-direction:column;gap:24px}.email-input-group{display:flex;flex-direction:column;gap:6px}.email-input-group label{font-size:.82rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.3px}.email-input-group input{padding:13px 16px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:.95rem;transition:border-color .2s,box-shadow .2s;outline:none;background:#fafbfc}.email-input-group input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f114;background:#fff}.email-input-group input:disabled{background:#f8fafc;opacity:.7}.email-input-group input::-moz-placeholder{color:#94a3b8}.email-input-group input::placeholder{color:#94a3b8}.email-collection-actions{display:flex;gap:12px;justify-content:flex-end}.email-skip-btn{padding:11px 22px;border:1.5px solid #e2e8f0;border-radius:10px;background:#fff;color:#64748b;font-size:.88rem;font-weight:500;cursor:pointer;transition:all .2s}.email-skip-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#475569}.email-submit-btn{padding:11px 28px;border:none;border-radius:10px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #6366f140}.email-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px);box-shadow:0 6px 16px #6366f159}.email-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 480px){.email-collection-modal{padding:32px 20px 24px;width:94%;border-radius:16px}.email-collection-actions{flex-direction:column-reverse}.email-skip-btn,.email-submit-btn{width:100%;text-align:center;justify-content:center}}.template-selection{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:100px 20px 40px;width:100%;overflow-x:hidden}.template-header{max-width:1400px;margin:0 auto 50px}.back-btn{display:flex;align-items:center;gap:8px;background:#ffffff1a;border:none;color:#fff;padding:12px 20px;border-radius:10px;cursor:pointer;font-size:16px;margin-bottom:30px;transition:all .3s ease}.back-btn:hover{background:#fff3;transform:translate(-5px)}.back-btn svg{width:20px;height:20px}.header-content{text-align:center;color:#fff}.header-content h1{font-size:48px;font-weight:700;margin-bottom:16px;background:linear-gradient(45deg,#fff,#f0f9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-content p{font-size:20px;opacity:.9;max-width:600px;margin:0 auto}.template-container{max-width:1400px;margin:0 auto;width:100%}.template-filters{display:flex;gap:12px;margin-bottom:40px;flex-wrap:wrap;justify-content:center}.filter-btn{background:#ffffff1a;border:none;color:#fff;padding:12px 24px;border-radius:25px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-btn:hover,.filter-btn.active{background:#fff3;transform:translateY(-2px)}.templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:50px;padding:0}@media (max-width: 768px){.templates-grid{grid-template-columns:1fr;gap:20px;padding:0 10px}.template-selection{padding:80px 10px 20px}.header-content h1{font-size:36px}.header-content p{font-size:18px;padding:0 20px}}.template-card{background:#fff;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative;box-shadow:0 10px 30px #0000001a}.template-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.template-card.selected{transform:translateY(-10px);box-shadow:0 20px 40px #2563eb4d;border:3px solid #2563eb}.template-preview{height:240px;background:linear-gradient(135deg,var(--template-color),rgba(255,255,255,.1));padding:24px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.template-preview:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(255,255,255,.1),transparent 50%);pointer-events:none}.template-mockup{width:100%;max-width:220px;height:180px;background:#fff;border-radius:8px;padding:16px;box-shadow:0 8px 25px #00000026;display:flex;flex-direction:column;gap:8px;position:relative;transform:perspective(1000px) rotateX(5deg) rotateY(-5deg);transition:transform .3s ease}.template-card:hover .template-mockup{transform:perspective(1000px) rotateX(0) rotateY(0) scale(1.05)}.mockup-header{display:flex;flex-direction:column;gap:4px;border-bottom:1px solid #e5e7eb;padding-bottom:8px}.mockup-name{height:12px;background:var(--template-color);border-radius:2px;width:60%}.mockup-contact{height:6px;background:#d1d5db;border-radius:1px;width:80%}.mockup-content{flex:1;display:flex;flex-direction:column;gap:8px}.mockup-section{display:flex;flex-direction:column;gap:3px}.mockup-title{height:8px;background:var(--template-color);border-radius:1px;width:40%;opacity:.8}.mockup-text{height:4px;background:#d1d5db;border-radius:1px;width:90%}.mockup-text.short{width:70%}.mockup-experience{display:flex;flex-direction:column;gap:4px}.exp-item{display:flex;flex-direction:column;gap:2px}.exp-title{height:6px;background:var(--template-color);border-radius:1px;width:50%;opacity:.7}.exp-company{height:4px;background:#9ca3af;border-radius:1px;width:35%}.exp-desc{height:3px;background:#d1d5db;border-radius:1px;width:80%}.template-info{padding:24px}.template-info h3{font-size:20px;font-weight:600;margin-bottom:8px;color:#1f2937}.template-category{background:#f3f4f6;color:#6b7280;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.template-info p{color:#6b7280;font-size:14px;line-height:1.5;margin-top:12px}.selected-indicator{position:absolute;top:15px;right:15px;background:#2563eb;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center}.selected-indicator svg{width:16px;height:16px}.template-actions{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:30px;display:flex;justify-content:space-between;align-items:center;margin-top:40px}.selected-template-info{color:#fff}.selected-template-info h3{font-size:20px;font-weight:600;margin-bottom:8px}.selected-template-info p{opacity:.9;font-size:14px}.proceed-btn{background:linear-gradient(45deg,#2563eb,#3b82f6);border:none;color:#fff;padding:16px 32px;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;display:flex;align-items:center;gap:12px;transition:all .3s ease}.proceed-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #2563eb4d}.proceed-btn svg{width:20px;height:20px}@media (max-width: 768px){.template-selection{padding:15px}.header-content h1{font-size:32px}.header-content p{font-size:16px}.templates-grid{grid-template-columns:1fr;gap:20px}.template-actions{flex-direction:column;gap:20px;text-align:center}.template-filters{justify-content:center}.filter-btn{padding:10px 16px;font-size:12px}}:root{--primary: #1A8063;--primary-dark: #16a085;--primary-light: #47ad99;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--bg-main: #f8fafc;--bg-card: #ffffff;--bg-hover: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-hover: #cbd5e1;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);--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)}*{box-sizing:border-box;margin:0;padding:0}body,input,textarea,button,select{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.resume-editor{min-height:100vh;height:100vh;display:flex;flex-direction:column;background:var(--bg-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden;padding-top:80px}.resume-editor:before{content:"";position:fixed;top:0;left:0;right:0;height:3px;background:var(--primary);z-index:1000}.editor-body{flex:1;display:grid;grid-template-columns:260px minmax(420px,540px) 1fr;gap:0;overflow:hidden;min-height:0;background:var(--bg-main);transition:grid-template-columns .3s ease}.editor-body.sidebar-collapsed{grid-template-columns:80px minmax(420px,540px) 1fr}.vertical-step-bar{background:linear-gradient(180deg,#fff,#f8fafc 60%);display:flex;flex-direction:column;padding:20px 12px;gap:4px;overflow-y:auto;border-right:1px solid var(--border-color);position:relative;width:260px;transition:width .3s ease,padding .3s ease}.vertical-step-bar.collapsed{width:80px;padding:20px 8px}.vertical-step-bar.collapsed .step-label{opacity:0;width:0;overflow:hidden}.vertical-step-bar.collapsed .step-connector{left:18px}.vertical-step-bar:before{content:"";width:32px;height:32px;background:url(/assets/Favicon_RG.Q13u6WFw.png) center/contain no-repeat;margin:0 auto 20px;display:block}.vertical-step-bar::-webkit-scrollbar{width:6px}.vertical-step-bar::-webkit-scrollbar-track{background:transparent}.vertical-step-bar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.vertical-step{position:relative;display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 12px;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-secondary);font-size:13px;font-weight:500;z-index:1}.vertical-step:not(:last-child):before{content:"";position:absolute;left:30px;top:56px;width:2px;height:4px;background:var(--border-color);transition:all .3s ease;z-index:-1}.vertical-step.active:not(:last-child):before,.vertical-step.completed:not(:last-child):before{background:var(--primary)}.vertical-step-bar.collapsed .vertical-step:not(:last-child):before{left:35px}.vertical-step:hover{background:var(--bg-hover);color:var(--text-primary)}.vertical-step.active{background:var(--primary)!important;color:#fff!important;box-shadow:var(--shadow-md);font-weight:600}.vertical-step.completed{color:var(--success)}.vertical-step.completed:after{content:"✓";margin-left:auto;font-weight:700;font-size:16px}.step-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--bg-hover);flex-shrink:0;transition:all .3s ease}.vertical-step.active .step-icon{background:#fff3;transform:scale(1.05)}.vertical-step.completed .step-icon{background:#10b9811a}.step-icon svg{width:20px;height:20px;color:currentColor}.step-label{flex:1;font-size:13px;font-weight:600;letter-spacing:.01em;white-space:nowrap;transition:opacity .3s ease,width .3s ease}.step-label-tooltip{display:none}.editor-panel{background:var(--bg-card);display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--border-color)}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:2px solid var(--border-color);background:linear-gradient(135deg,#f8fafc,#fff);min-height:64px;box-shadow:0 2px 8px #0000000d}.panel-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.save-status{font-size:12px;color:#059669!important;font-weight:600;padding:4px 12px;background:#d1fae5;border-radius:12px}.navigation-buttons{display:flex;gap:8px}.btn-nav{padding:8px 18px;font-size:13px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-nav.btn-previous{background:#fff;color:var(--primary);border:1px solid var(--primary)}.btn-nav.btn-previous:hover{background:var(--primary);color:#fff}.btn-nav.btn-next{background:#1e293b;color:#fff}.btn-nav.btn-next:hover{background:#0f172a;transform:translate(2px)}.panel-content{flex:1;overflow-y:auto;padding:24px 36px;max-height:calc(100vh - 180px)}.panel-content::-webkit-scrollbar{width:8px}.panel-content::-webkit-scrollbar-track{background:var(--bg-main)}.panel-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.panel-content::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.step-content{max-width:800px;margin:0 auto;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.step-content h2{display:none}.step-description{font-size:14px;color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:5px}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group input[type=url],.form-group textarea{width:100%;padding:10px 14px;font-size:14px;border:2px solid var(--border-color);border-radius:8px;font-family:inherit;transition:all .25s ease;background:var(--bg-card);color:var(--text-primary)}.form-group input:hover,.form-group textarea:hover{border-color:var(--border-hover);box-shadow:0 2px 8px #0000000d}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px)}.form-group textarea{resize:vertical;min-height:90px;line-height:1.5}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.photo-upload-container{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.photo-preview-wrapper{position:relative;width:64px;height:64px;border-radius:50%;overflow:hidden;border:3px solid #1A8063;box-shadow:0 4px 12px #1a806333;transition:all .3s ease}.photo-preview-wrapper:hover{transform:scale(1.05);box-shadow:0 6px 16px #1a80634d}.photo-preview-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.btn-photo-upload{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#1a8063,#16a085);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #1a806340;position:relative;overflow:hidden}.btn-photo-upload: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 .5s ease}.btn-photo-upload:hover:before{left:100%}.btn-photo-upload:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1a806366;background:linear-gradient(135deg,#16a085,#148f77)}.btn-photo-upload:active{transform:translateY(0);box-shadow:0 2px 8px #1a80634d}.photo-icon{width:18px;height:18px;flex-shrink:0;transition:transform .3s ease}.btn-photo-upload:hover .photo-icon{transform:scale(1.1) rotate(5deg)}.btn-photo-upload span{font-size:13px;font-weight:600;letter-spacing:.3px}.items-list{display:flex;flex-direction:column;gap:14px;margin-top:16px}.item-card{background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;padding:18px;transition:all .2s ease}.item-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.card-header h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.add-btn-top{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.add-btn-top:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.add-btn-top:active{transform:translateY(0)}.remove-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--danger);border:1px solid var(--border-color);border-radius:6px;font-size:16px;cursor:pointer;transition:all .2s ease}.remove-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger);transform:scale(1.05)}.skills-preview{margin-top:20px;padding:18px;background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px}.summary-suggestions.bar-style{margin-top:14px;background:linear-gradient(180deg,#fff9,#ffffffe6);padding:12px;border-radius:12px;border:1px solid rgba(15,23,42,.04)}.summary-suggestions .suggestions-header{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.summary-suggestions .suggestions-header .suggestions-sub{color:var(--text-secondary);font-size:13px}.suggestion-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;padding-bottom:6px}.suggestion-card{min-width:320px;max-width:420px;background:#fff;border-radius:12px;padding:12px;box-shadow:0 6px 24px #0f172a0f;border:1px solid rgba(15,23,42,.04);display:flex;flex-direction:column;justify-content:space-between}.suggestion-card.active{border-color:#1a80634d;box-shadow:0 10px 30px #1a806314}.suggestion-text{color:var(--text-primary);font-size:14px;line-height:1.45;margin-bottom:12px;max-height:4.2em;overflow:hidden}.suggestion-actions{display:flex;gap:8px;justify-content:flex-end}.btn-plus{width:36px;height:36px;border-radius:50%;font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center;border:2px solid rgba(26,128,99,.18);background:transparent;color:var(--primary);cursor:pointer;transition:all .18s ease}.btn-plus:hover{background:#1a80631f;transform:translateY(-2px)}.btn-plus:focus{outline:none;box-shadow:0 0 0 4px #1a806314}.skills-preview h3{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:14px}.skills-preview h4{font-size:13px;font-weight:600;color:var(--text-secondary);margin:14px 0 8px}.skills-section{margin-bottom:12px}.skills-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{padding:6px 12px;background:var(--primary);color:#fff;border-radius:16px;font-size:12px;font-weight:500;transition:all .2s ease}.skill-tag:hover{background:var(--primary-dark);transform:translateY(-1px)}.panel-footer{padding:12px 24px;background:var(--bg-card);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:10px}.btn-previous,.btn-next{padding:8px 16px;font-size:13px;font-weight:600;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.btn-previous{background:#fff;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-previous:hover{background:var(--bg-hover);border-color:var(--border-hover)}.btn-next{background:#1e293b;color:#fff}.btn-next:hover{background:#0f172a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.preview-panel{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;flex-direction:column;overflow:hidden;border-left:2px solid rgba(102,126,234,.1);position:relative}.preview-panel:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:linear-gradient(180deg,#667eea,#764ba2);opacity:.3;z-index:1}.preview-header{padding:20px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #667eea4d;position:relative;z-index:10}.preview-header h3{font-size:20px;font-weight:700;color:#fff;margin:0;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.2);display:flex;align-items:center;gap:10px}.preview-header h3:before{content:"👁️";font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.preview-header-controls{display:flex;align-items:center;gap:10px}.header-control-wrapper{position:relative}.header-control-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:2px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000026;min-width:110px}.header-control-btn.color-btn{border-color:#ffffff80}.header-control-btn.font-btn{background:#fff;color:#1e293b;border-color:#ffffff80}.header-control-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.header-control-btn .btn-icon{font-size:18px;line-height:1}.header-control-btn .btn-label{font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:capitalize}.picker-dropdown{position:fixed;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d,0 0 1px #0000001a;padding:0;min-width:280px;z-index:10000;animation:dropdownFadeIn .25s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05)}.picker-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0}.picker-header span{font-size:13px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.picker-close{background:#fff3;border:none;font-size:24px;color:#fff;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;line-height:1}.picker-close:hover{background:#ffffff4d;transform:scale(1.1)}.color-picker-dropdown{min-width:320px}.color-picker-dropdown .color-palette-grid{padding:20px;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.font-picker-dropdown{min-width:260px;max-height:400px;overflow-y:auto}.font-list{padding:8px;display:flex;flex-direction:column;gap:4px}.font-option{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.font-option:hover{background:#f8fafc;border-color:#e2e8f0}.font-option.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.font-option .font-preview{font-size:24px;font-weight:600;min-width:40px;color:#1e293b}.font-option.active .font-preview{color:#fff}.font-option .font-label{flex:1;font-size:13px;font-weight:600;color:#1e293b}.font-option.active .font-label{color:#fff}.font-option .check-mark{font-size:18px;font-weight:700;color:#fff}.font-picker-dropdown::-webkit-scrollbar{width:8px}.font-picker-dropdown::-webkit-scrollbar-track{background:#f1f5f9;border-radius:0 12px 12px 0}.font-picker-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.font-picker-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}.panel-footer{padding:16px 24px;background:#fff;border-top:2px solid #e2e8f0;position:sticky;bottom:0;z-index:5;box-shadow:0 -2px 8px #0000000d}.panel-footer .navigation-buttons{display:flex;gap:12px;justify-content:flex-end}.preview-controls,.control-group{display:none}.color-palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:10px;width:100%}.color-swatch{width:100%;aspect-ratio:1;border-radius:10px;border:3px solid transparent;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 12px #0003;display:flex;align-items:center;justify-content:center;background-clip:padding-box}.color-swatch:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 8px 20px #0000004d;border-color:#ffffff80}.color-swatch.active{border-color:#667eea;box-shadow:0 0 0 2px #667eea66,0 8px 24px #00000059;transform:scale(1.1);animation:activePulse 2s ease-in-out infinite}@keyframes activePulse{0%,to{box-shadow:0 0 0 2px #667eea66,0 8px 24px #00000059}50%{box-shadow:0 0 0 3px #667eea99,0 10px 28px #0006}}.color-swatch .check-icon{width:20px;height:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));animation:checkPop .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.font-grid,.font-card,.more-fonts-dropdown,.compact-font-select,.font-selector-group,.color-palette-group,.color-preview-circle,.custom-dropdown,.dropdown-select,.font-preview-icon{display:none}@media (max-width: 1200px){.preview-header-controls{gap:8px}.header-control-btn{min-width:100px;padding:8px 12px}.picker-dropdown{min-width:260px}.color-picker-dropdown .color-palette-grid{grid-template-columns:repeat(4,1fr);gap:10px}}@media (max-width: 768px){.preview-header{padding:16px 18px;flex-direction:column;align-items:flex-start;gap:12px}.preview-header h3{font-size:18px}.preview-header-controls{width:100%;justify-content:flex-start}.header-control-btn{flex:1;min-width:auto;padding:10px 12px;justify-content:center}.header-control-btn .btn-label{font-size:11px}.picker-dropdown{left:50%!important;transform:translate(-50%);min-width:calc(100vw - 32px);max-width:calc(100vw - 32px)}.color-picker-dropdown .color-palette-grid{grid-template-columns:repeat(4,1fr);gap:8px;padding:12px}.preview-container{padding:16px}.preview-container iframe{max-width:calc(100% - 32px);border-radius:12px}.panel-footer{padding:12px 16px}.panel-footer .navigation-buttons{justify-content:space-between}.btn-nav{flex:1}}.color-theme-selector{display:none}@keyframes subtlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.color-options{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.color-option{width:36px;height:36px;border-radius:10px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 6px #0000001a,inset 0 1px 2px #ffffff4d;padding:0;outline:none;border:2px solid transparent;overflow:hidden}.color-option:before{content:"";position:absolute;inset:0;border-radius:10px;padding:2px;background:linear-gradient(135deg,#fff6,#fff0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .25s}.color-option:hover{transform:translateY(-2px) scale(1.08);box-shadow:0 6px 16px #00000026,inset 0 1px 2px #ffffff4d;z-index:10}.color-option:hover:before{opacity:1}.color-option.active{border-color:#6366f1;transform:translateY(-2px) scale(1.1);box-shadow:0 0 0 3px #6366f133,0 6px 16px #6366f14d;z-index:15}.color-option:active{transform:translateY(0) scale(1.02)}.check-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:16px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));animation:checkPop .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes checkPop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.3)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@media (max-width: 768px){.color-theme-selector{flex-wrap:wrap;padding:6px 10px}.color-options{gap:6px}.color-option{width:32px;height:32px}.check-icon{font-size:14px}}.preview-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.preview-header h3{flex-shrink:0;margin:0}.preview-container{flex:1;overflow:auto;padding:24px;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);position:relative}.preview-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 50%,rgba(102,126,234,.08) 0%,transparent 50%),radial-gradient(circle at 85% 80%,rgba(118,75,162,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.preview-container::-webkit-scrollbar{width:12px;height:12px}.preview-container::-webkit-scrollbar-track{background:#cbd5e1;border-radius:6px}.preview-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;border:2px solid #cbd5e1}.preview-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.preview-container iframe{width:100%;height:100%;min-width:0;min-height:0;border:none;background:#fff;box-shadow:0 10px 40px #00000026,0 0 0 1px #0000000d;transform-origin:top left;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,opacity .3s ease;border-radius:16px;margin:0;display:block;max-width:calc(100% - 48px);max-height:calc(100vh - 160px);position:relative;z-index:1}.preview-fade-in{animation:previewIn .5s cubic-bezier(.4,0,.2,1) both}@keyframes previewIn{0%{opacity:0;transform:scale(.97) translateY(15px)}to{opacity:1;transform:scale(1) translateY(0)}}.preview-container iframe:hover{box-shadow:0 15px 50px #0003,0 0 0 1px #667eea26}.empty-state{text-align:center;padding:60px 30px;background:#fff;border:3px dashed rgba(102,126,234,.3);border-radius:16px;color:#64748b;font-size:15px;max-width:500px;margin:0 auto;box-shadow:0 4px 16px #00000014}.empty-state:before{content:"📄";display:block;font-size:64px;margin-bottom:16px;filter:grayscale(30%);opacity:.8}.preview-actions{display:flex;flex-direction:column;gap:10px;max-width:420px;margin:0 auto 20px}.save-btn-large,.download-btn-large{padding:10px 20px;font-size:13px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.save-btn-large{background:var(--primary);color:#fff;box-shadow:0 3px 12px #1a806340}.save-btn-large:hover{background:var(--primary-dark);box-shadow:0 5px 18px #1a806359;transform:translateY(-2px)}.download-btn-large{background:var(--success);color:#fff;box-shadow:0 3px 12px #10b98140}.download-btn-large:hover{background:#059669;box-shadow:0 5px 18px #10b98159;transform:translateY(-2px)}.auto-save-indicator{position:fixed;bottom:20px;right:20px;padding:10px 16px;background:var(--success);color:#fff;border-radius:20px;font-size:13px;font-weight:600;box-shadow:var(--shadow-lg);z-index:1000;animation:slideUp .3s ease}.loading-overlay{position:absolute;inset:0;background:#fffffff2;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 1400px){.editor-body{grid-template-columns:240px 1fr 480px}}@media (max-width: 1200px){.editor-body{grid-template-columns:220px 1fr 420px}.panel-content{padding:24px}}@media (max-width: 900px){.editor-body{grid-template-columns:1fr 1fr;gap:0}.vertical-step-bar{display:none}.editor-panel,.preview-panel{display:flex}.panel-content{padding:16px}.panel-header h2{font-size:16px;font-weight:600}.form-label{font-size:13px;font-weight:600}.input-field,.text-area-field{font-size:14px;font-weight:400;padding:10px 12px}}@media (max-width: 768px){.resume-editor{height:auto;min-height:100vh}.editor-body{display:flex;flex-direction:column;grid-template-columns:none;min-height:calc(100vh - 3px);overflow:visible}.vertical-step-bar{display:none}.editor-panel{width:100%;min-height:60vh;border-right:none;border-bottom:1px solid var(--border-color);overflow-y:auto}.panel-header{padding:14px 16px;position:sticky;top:0;z-index:100;background:#fff}.panel-header h2{font-size:17px;font-weight:600}.panel-content{padding:16px}.form-group{margin-bottom:18px}.form-label{font-size:14px;font-weight:600;margin-bottom:6px}.input-field,.text-area-field{font-size:15px;font-weight:400;padding:11px 14px;border-radius:8px}.text-area-field{min-height:90px}.preview-panel{width:100%;min-height:100vh;border-left:none;display:flex;flex-direction:column}.preview-header{padding:14px 16px;position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--border-color)}.preview-header h3{font-size:17px;font-weight:600}.preview-container{padding:16px;min-height:80vh}.preview-container iframe{width:100%;max-width:100%;height:auto;min-height:80vh;border-radius:8px}.panel-footer{padding:12px 16px;gap:10px}.action-btn-primary,.action-btn-secondary{font-size:14px;font-weight:600;padding:11px 18px}}@media (max-width: 480px){.panel-header{padding:12px 14px}.panel-header h2,.preview-header h3{font-size:16px;font-weight:600}.panel-content{padding:14px}.form-group{margin-bottom:16px}.form-label{font-size:13px;font-weight:600}.input-field,.text-area-field{font-size:14px;font-weight:400;padding:10px 12px}.text-area-field{min-height:80px}.preview-container{padding:12px}.preview-container iframe{min-height:70vh;border-radius:6px}.panel-footer{padding:10px 14px}.action-btn-primary,.action-btn-secondary{font-size:13px;font-weight:600;padding:10px 16px}}@media (max-width: 375px){.panel-header h2,.preview-header h3{font-size:15px;font-weight:600}.form-label{font-size:12px;font-weight:600}.input-field,.text-area-field{font-size:13px;font-weight:400;padding:9px 11px}.action-btn-primary,.action-btn-secondary{font-size:12px;font-weight:600;padding:9px 14px}}.empty-state{text-align:center;padding:40px 20px;background:var(--gray-50);border:2px dashed var(--gray-300);border-radius:10px;color:var(--gray-500);font-size:14px}.auto-save-indicator{position:fixed;bottom:20px;right:20px;padding:10px 16px;background:var(--success);color:#fff;border-radius:20px;font-size:13px;font-weight:600;box-shadow:0 4px 12px #10b9814d;z-index:1000;animation:slideUp .3s ease}.loading-overlay{position:absolute;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 1200px){.editor-body{grid-template-columns:70px 1fr 1fr}.panel-content{padding:24px 32px}}@media (max-width: 900px){.editor-body{grid-template-columns:1fr}.vertical-step-bar,.preview-panel{display:none}}@media print{.vertical-step-bar,.panel-footer,.preview-header{display:none!important}.editor-body{grid-template-columns:1fr!important}.preview-panel{background:#fff!important}}.photo-upload-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.photo-upload-modal{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden}.photo-upload-modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.photo-upload-modal-header h2{margin:0;font-size:20px;font-weight:700;color:#1e293b}.modal-close-btn{background:none;border:none;font-size:32px;color:#64748b;cursor:pointer!important;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;line-height:1;padding:0}.modal-close-btn:hover{background:#e5e7eb;color:#1e293b}.photo-upload-modal-body{padding:24px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.photo-upload-dropzone{border:2px dashed #d1d5db;border-radius:12px;padding:60px 20px;text-align:center;background:#f9fafb;transition:all .3s ease;cursor:pointer}.photo-upload-dropzone:hover{border-color:#1a8063;background:#f0fdf4}.photo-upload-label{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px}.upload-icon{font-size:48px;margin-bottom:8px}.upload-text{font-size:16px;font-weight:600;color:#1e293b;margin:0}.upload-hint{font-size:14px;color:#64748b;margin:0}.crop-container{position:relative;width:100%;height:400px;background:#000;border-radius:12px;overflow:hidden}.crop-controls{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f9fafb;border-radius:12px}.zoom-label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;color:#1e293b}.zoom-slider{width:100%;height:6px;border-radius:3px;background:#e5e7eb;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#1a8063;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:#16a085}.zoom-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#1a8063;cursor:pointer;border:none;-moz-transition:all .2s ease;transition:all .2s ease}.zoom-slider::-moz-range-thumb:hover{transform:scale(1.2);background:#16a085}.photo-upload-modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;background:#f9fafb}.btn-cancel,.btn-apply{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-cancel{background:#fff;color:#64748b;border:1px solid #d1d5db}.btn-cancel:hover{background:#f9fafb;color:#1e293b}.btn-apply{background:linear-gradient(135deg,#1a8063,#16a085);color:#fff;box-shadow:0 4px 12px #1a80634d}.btn-apply:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1a806366}@media (max-width: 1024px) and (min-width: 769px){.photo-upload-modal{width:85%;max-width:650px;max-height:92vh}.crop-container{height:380px}.photo-upload-modal-header{padding:18px 22px}.photo-upload-modal-header h2{font-size:19px}.photo-upload-modal-body{padding:22px}.photo-upload-dropzone{padding:50px 18px}}@media (max-width: 768px){.photo-upload-modal{width:95%;max-height:95vh}.crop-container{height:300px}.photo-upload-modal-header{padding:16px 20px}.photo-upload-modal-body{padding:20px}.photo-upload-modal-footer{padding:12px 20px}}.limit-modal-overlay{position:fixed;inset:0;background:#050a14b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10002;padding:16px;animation:limitFadeIn .22s ease-out}@keyframes limitFadeIn{0%{opacity:0}to{opacity:1}}.limit-modal{position:relative;width:100%;max-width:400px;background:#fff;border-radius:20px;box-shadow:0 0 0 1px #0000000a,0 24px 64px #00000047,0 8px 20px #0000001f;animation:limitSlideUp .32s cubic-bezier(.16,1,.3,1)}@keyframes limitSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.limit-modal-close{position:absolute;top:14px;right:14px;z-index:2;width:30px;height:30px;border-radius:50%;border:none;background:#f1f5f9;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s ease}.limit-modal-close:hover{background:#e2e8f0;color:#1e293b;transform:rotate(90deg)}.limit-modal-header{padding:28px 24px 16px;text-align:center;background:linear-gradient(180deg,#fffbeb,#fff);border-radius:20px 20px 0 0}.limit-modal-icon-wrap{width:48px;height:48px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,#fef3c7,#fde68a);display:flex;align-items:center;justify-content:center;color:#d97706;box-shadow:0 3px 10px #d9770626}.limit-modal-title{margin:0 0 6px;font-size:18px;font-weight:800;color:#0f172a;letter-spacing:-.3px}.limit-modal-desc{margin:0;font-size:13px;line-height:1.5;color:#475569;max-width:320px;margin-inline:auto}.limit-modal-divider{height:1px;background:linear-gradient(90deg,transparent,#e2e8f0 20%,#e2e8f0 80%,transparent)}.limit-modal-body{padding:18px 22px 22px}.limit-addon-card{border:1.5px solid #e2e8f0;border-radius:14px;padding:16px;background:#fafbfc;position:relative;margin-bottom:12px;transition:border-color .2s ease}.limit-addon-card:hover{border-color:#cbd5e1}.limit-addon-card--alt{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.limit-addon-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.limit-addon-badge--info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.limit-addon-info{margin-bottom:12px}.limit-addon-name{margin:0 0 4px;font-size:14px;font-weight:700;color:#0f172a}.limit-addon-desc{margin:0;font-size:12px;color:#64748b;line-height:1.4}.limit-addon-pricing{display:flex;align-items:baseline;gap:8px;margin-bottom:14px}.limit-addon-original{font-size:14px;font-weight:600;color:#94a3b8;text-decoration:line-through}.limit-addon-original .limit-currency-sm{font-size:11px;margin-right:1px}.limit-addon-price{display:flex;align-items:baseline;gap:2px}.limit-currency{font-size:14px;font-weight:700;color:#0f172a}.limit-amount{font-size:28px;font-weight:900;color:#0f172a;line-height:1;letter-spacing:-.5px}.limit-addon-price-skeleton{margin-bottom:14px;height:36px;display:flex;align-items:center}.limit-skeleton-bar{width:80px;height:28px;border-radius:6px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:limitShimmer 1.5s infinite linear}@keyframes limitShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.limit-buy-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#fff;transition:all .28s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px #0f172a40;position:relative;overflow:hidden}.limit-buy-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%);opacity:0;transition:opacity .3s ease}.limit-buy-btn:hover:not(:disabled):before{opacity:1}.limit-buy-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #0f172a59}.limit-buy-btn:active:not(:disabled){transform:translateY(0)}.limit-buy-btn:disabled{opacity:.6;cursor:not-allowed}.limit-browse-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#1e40af,#2563eb);color:#fff;transition:all .28s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px #2563eb40}.limit-browse-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2563eb59}.limit-browse-btn:active{transform:translateY(0)}.limit-plans-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;background:#fff;color:#475569;transition:all .2s ease}.limit-plans-btn:hover{border-color:#1e293b;color:#0f172a;background:#f8fafc;transform:translateY(-1px)}.limit-modal-footer-note{display:flex;align-items:center;justify-content:center;gap:5px;margin:0;padding:10px 22px 18px;font-size:11px;color:#94a3b8;text-align:center}.limit-spinner{animation:limitSpin .8s linear infinite}@keyframes limitSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){.limit-modal{max-width:100%;border-radius:16px}.limit-modal-header{padding:22px 16px 12px}.limit-modal-body{padding:14px 16px 18px}.limit-modal-title{font-size:16px}.limit-modal-desc{font-size:12px}.limit-amount{font-size:24px}.limit-buy-btn,.limit-browse-btn{font-size:12px;padding:11px 14px}}.ps-generator{display:flex;flex-direction:column;gap:20px;width:100%}.ps-generator-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000f}.ps-generator-heading{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 4px;display:flex;align-items:center;gap:8px}.ps-icon{font-size:20px}.ps-generator-subtitle{font-size:13px;color:#64748b;margin:0 0 20px}.ps-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}@media (max-width: 640px){.ps-form-grid{grid-template-columns:1fr}}.ps-form-group{display:flex;flex-direction:column;gap:6px;position:relative}.ps-label{font-size:13px;font-weight:600;color:#374151;display:flex;align-items:center;gap:4px}.ps-required{color:#ef4444;font-weight:700}.ps-hint-inline{font-size:11px;color:#94a3b8;font-weight:400;margin-left:4px}.ps-input,.ps-select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1e293b;background:#fafafa;transition:border-color .2s,box-shadow .2s;outline:none}.ps-input:focus,.ps-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.ps-input::-moz-placeholder{color:#9ca3af}.ps-input::placeholder{color:#9ca3af}.ps-select{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.ps-searchable-dropdown{position:relative}.ps-dropdown-list{position:absolute;top:100%;left:0;right:0;max-height:220px;overflow-y:auto;background:#fff;border:1px solid #d1d5db;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #0000001f;z-index:100}.ps-dropdown-item{padding:10px 12px;font-size:13px;color:#374151;cursor:pointer;transition:background .15s;border-bottom:1px solid #f3f4f6}.ps-dropdown-item:last-child{border-bottom:none}.ps-dropdown-item:hover{background:#eff6ff;color:#1d4ed8}.ps-dropdown-item-active{background:#dbeafe;color:#1d4ed8;font-weight:600}.ps-dropdown-item-highlighted{background:#eff6ff;color:#1d4ed8;outline:2px solid #93c5fd;outline-offset:-2px}.ps-skills-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.ps-skill-tag{display:inline-block;padding:3px 10px;background:#eff6ff;color:#2563eb;border-radius:12px;font-size:12px;font-weight:500;border:1px solid #bfdbfe}.ps-button-row{display:flex;gap:12px;flex-wrap:wrap}.ps-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.ps-btn:disabled{opacity:.5;cursor:not-allowed}.ps-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 6px #2563eb4d}.ps-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #2563eb66;transform:translateY(-1px)}.ps-btn-secondary{background:#f1f5f9;color:#475569;border:1px solid #d1d5db}.ps-btn-secondary:hover{background:#e2e8f0;color:#1e293b}.ps-btn-secondary-active{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.ps-output-box{display:flex;flex-direction:column;gap:6px}.ps-options-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.ps-options-header{display:flex;flex-direction:column;gap:2px;margin-bottom:14px}.ps-options-title{font-size:15px;font-weight:700;color:#1e293b}.ps-options-hint{font-size:12px;color:#64748b}.ps-options-requirements-note{font-size:12px;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;margin-bottom:12px;line-height:1.5}.ps-options-list{display:flex;flex-direction:column;gap:12px}.ps-option-card{background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:14px 16px;cursor:pointer;transition:all .2s}.ps-option-card:hover{border-color:#93c5fd;box-shadow:0 2px 8px #3b82f61a}.ps-option-card-ready{border-color:#bbf7d0}.ps-option-card-ready:hover{border-color:#4ade80;box-shadow:0 2px 8px #22c55e1f}.ps-option-card-selected{border-color:#3b82f6;background:#eff6ff;box-shadow:0 2px 8px #3b82f626}.ps-option-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ps-option-number{font-size:13px;font-weight:700;color:#1e293b}.ps-option-badge{font-size:11px;padding:2px 8px;background:#f1f5f9;color:#64748b;border-radius:10px;font-weight:500}.ps-option-card-selected .ps-option-badge{background:#dbeafe;color:#2563eb}.ps-option-check{margin-left:auto;font-size:12px;font-weight:700;color:#16a34a;background:#dcfce7;padding:2px 10px;border-radius:10px}.ps-option-best{font-size:11px;font-weight:600;color:#d97706;background:#fef3c7;padding:2px 8px;border-radius:10px}.ps-option-needs{font-size:10px;font-weight:500;color:#dc2626;background:#fef2f2;padding:2px 7px;border-radius:10px;white-space:nowrap}.ps-option-ready{font-size:10px;font-weight:500;color:#16a34a;background:#f0fdf4;padding:2px 7px;border-radius:10px;white-space:nowrap}.ps-option-preview{font-size:13px;line-height:1.6;color:#475569;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.ps-option-card-selected .ps-option-preview{-webkit-line-clamp:unset;overflow:visible;color:#1e293b}.ps-textarea{width:100%;padding:14px 16px;border:1px solid #d1d5db;border-radius:10px;font-size:14px;line-height:1.6;color:#1e293b;background:#fafafa;resize:vertical;min-height:160px;transition:border-color .2s,box-shadow .2s;outline:none;font-family:inherit}.ps-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.ps-textarea::-moz-placeholder{color:#9ca3af;font-style:italic}.ps-textarea::placeholder{color:#9ca3af;font-style:italic}.ps-hint{font-size:12px;color:#94a3b8;margin:0}.rg-preview-root{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;overflow:hidden}.rg-preview-toolbar{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06);z-index:10;flex-shrink:0}.rg-zoom-btn{width:30px;height:30px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.rg-zoom-btn:hover{background:#f3f4f6;border-color:#9ca3af}.rg-zoom-btn:active{transform:scale(.95)}.rg-zoom-fit{font-size:14px;margin-left:4px}.rg-zoom-label{min-width:48px;text-align:center;font-size:12px;font-weight:600;color:#6b7280;font-variant-numeric:tabular-nums}.rg-page-indicator{margin-left:12px;padding:3px 10px;background:#eff6ff;color:#2563eb;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.3px}.rg-preview-scroll{flex:1;overflow:auto;display:flex;justify-content:center;padding:24px 16px 40px;background:linear-gradient(145deg,#e8ecf1,#dde2e8,#d5dbe3);min-height:0}.rg-preview-scroll::-webkit-scrollbar{width:6px;height:6px}.rg-preview-scroll::-webkit-scrollbar-track{background:#0000000a;border-radius:3px}.rg-preview-scroll::-webkit-scrollbar-thumb{background:#64748b59;border-radius:3px}.rg-preview-scroll::-webkit-scrollbar-thumb:hover{background:#64748b8c}.rg-preview-stage{flex-shrink:0}.rg-page-shadow{position:absolute;left:0;background:#fff;border-radius:4px;box-shadow:0 1px 3px #00000014,0 8px 24px #0000001f,0 24px 48px #0000000f;pointer-events:none;z-index:0}.rg-page-label{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);font-size:10px;font-weight:600;color:#94a3b8;white-space:nowrap;letter-spacing:.5px;text-transform:uppercase}.rg-preview-zoom-wrapper{position:relative;z-index:1}.rg-preview-iframe{border:none;display:block;background:transparent;transition:opacity .3s ease}.rg-preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;color:#6b7280}.rg-preview-loading p{font-size:14px;font-weight:500}.rg-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:rg-spin .7s linear infinite}@keyframes rg-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.rg-preview-scroll{padding:12px 8px 24px}.rg-preview-toolbar{padding:6px 8px;gap:4px}}*{box-sizing:border-box}.rev2-container{display:grid;grid-template-columns:auto 1fr 1.5fr;height:100vh;overflow:hidden;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#f0f9ff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin-top:70px;height:calc(100vh - 70px)}.rev2-sidebar{background:linear-gradient(180deg,#1e293b,#0f172a);color:#fff;display:flex;flex-direction:column;box-shadow:4px 0 20px #00000026;position:relative;z-index:100;overflow:hidden;transition:width .3s cubic-bezier(.4,0,.2,1)}.rev2-sidebar.expanded{width:280px}.rev2-sidebar.collapsed{width:80px}.rev2-sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.1);min-height:80px;display:flex;align-items:center;justify-content:center}.rev2-sidebar-title{font-size:20px;font-weight:800;margin:0;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.rev2-sidebar-steps{flex:1;padding:20px 12px;overflow-y:auto;overflow-x:hidden}.rev2-sidebar-steps::-webkit-scrollbar{width:6px}.rev2-sidebar-steps::-webkit-scrollbar-track{background:#ffffff0d}.rev2-sidebar-steps::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.rev2-step-item{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:8px;background:#ffffff0d;border:2px solid transparent;border-radius:12px;color:#ffffffb3;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-align:left}.rev2-sidebar.collapsed .rev2-step-item{padding:12px 8px;justify-content:center}.rev2-step-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--step-color, #3b82f6);opacity:0;transition:opacity .3s ease}.rev2-step-item:hover{background:#ffffff1a;color:#fff;transform:translate(4px)}.rev2-step-item.active{background:linear-gradient(135deg,#3b82f633,#60a5fa33);border-color:#3b82f680;color:#fff;box-shadow:0 4px 16px #3b82f64d}.rev2-step-item.active:before{opacity:1}.rev2-step-item.completed{color:#ffffffe6}.rev2-step-item.completed .rev2-step-number{background:linear-gradient(135deg,#10b981,#059669)}.rev2-step-number{display:none}.rev2-step-icon{font-size:20px;flex-shrink:0;filter:grayscale(.5);transition:filter .3s ease}.rev2-step-item:hover .rev2-step-icon,.rev2-step-item.active .rev2-step-icon{filter:grayscale(0)}.rev2-step-label{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rev2-sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1);display:block}.rev2-sidebar.collapsed .rev2-sidebar-footer{display:none}.rev2-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rev2-progress-label{font-size:12px;color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.rev2-progress-value{font-size:14px;font-weight:700;color:#fff}.rev2-progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.rev2-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #3b82f680}.rev2-editor-section{display:flex;flex-direction:column;background:#fff;overflow:hidden}.rev2-editor-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-bottom:2px solid #e2e8f0;box-shadow:0 2px 8px #0000001a;gap:16px;flex-wrap:nowrap;min-height:70px;position:sticky;top:0;z-index:99}.rev2-header-left{display:flex;align-items:center;gap:20px;flex:1}.rev2-back-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:transparent;border:2px solid #1e293b;border-radius:10px;color:#1e293b;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.rev2-back-btn svg{width:18px;height:18px}.rev2-back-btn:hover{background:#1e293b;color:#fff;transform:translate(-2px)}.rev2-header-info{display:flex;flex-direction:column;gap:4px}.rev2-editor-title{margin:0;font-size:24px;font-weight:800;background:linear-gradient(135deg,#1e293b,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rev2-editor-subtitle{margin:0;font-size:13px;color:#64748b;font-weight:500}.rev2-header-actions{display:flex;gap:12px}.rev2-save-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf64d}.rev2-save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.rev2-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.rev2-editor-body{flex:1;overflow-y:auto;padding:16px 20px;background:linear-gradient(180deg,#fff,#f8fafc)}.rev2-editor-body::-webkit-scrollbar{width:10px}.rev2-editor-body::-webkit-scrollbar-track{background:#f1f5f9}.rev2-editor-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}.rev2-editor-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.rev2-form-content{max-width:800px;margin:0 auto}.rev2-form-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 4px 16px #00000014;border:1px solid #e2e8f0}.rev2-section-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:#1e293b;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.rev2-title-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.rev2-section-desc{color:#64748b;font-size:14px;margin:-8px 0 16px}.rev2-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.rev2-form-group{display:flex;flex-direction:column;gap:6px}.rev2-label{font-size:14px;font-weight:600;color:#334155;display:flex;align-items:center;gap:4px}.rev2-input,.rev2-textarea{padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;font-family:inherit;color:#1e293b;transition:all .3s ease;background:#fff}.rev2-input:focus,.rev2-textarea:focus{outline:none;border-color:#1e293b;box-shadow:0 0 0 3px #1e293b1a}.rev2-input::-moz-placeholder,.rev2-textarea::-moz-placeholder{color:#94a3b8;opacity:.6}.rev2-input::placeholder,.rev2-textarea::placeholder{color:#94a3b8;opacity:.6}.rev2-textarea{resize:vertical;min-height:120px}.rev2-hint{font-size:12px;color:#64748b;margin-top:4px}.rev2-add-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#1e293b,#0f172a);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1e293b4d}.rev2-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1e293b66}.rev2-add-btn span{font-size:18px}.rev2-inline-add-form{margin-top:20px;padding:20px;background:#f8fafc;border:2px solid #1e293b;border-radius:12px;animation:slideDown .3s ease,formGlow 1.2s ease-out;scroll-margin-top:20px}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:1000px;transform:translateY(0)}}@keyframes formGlow{0%{box-shadow:0 0 0 4px #1a806380}to{box-shadow:0 0 #1a806300}}.rev2-inline-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.rev2-inline-form-title{font-size:18px;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:10px}.rev2-inline-form-close{background:transparent;border:none;font-size:24px;color:#64748b;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease}.rev2-inline-form-close:hover{background:#fee2e2;color:#dc2626}.rev2-inline-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:2px solid #e2e8f0}.rev2-form-cancel-btn{padding:10px 24px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.rev2-form-cancel-btn:hover{border-color:#cbd5e1;background:#f8fafc}.rev2-form-save-btn{padding:10px 24px;background:linear-gradient(135deg,#1e293b,#0f172a);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #1e293b4d}.rev2-form-save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1e293b66}.rev2-editor-navigation{display:flex;justify-content:space-between;gap:16px;margin-top:24px;padding-top:20px;border-top:2px solid #e2e8f0}.rev2-nav-btn{display:flex;align-items:center;gap:8px;padding:14px 28px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.rev2-nav-btn svg{width:20px;height:20px}.rev2-nav-prev{background:#fff;color:#1e293b;border:2px solid #1e293b}.rev2-nav-prev:hover{background:#1e293b;color:#fff;transform:translate(-4px)}.rev2-nav-next{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;margin-left:auto;box-shadow:0 4px 12px #1e293b4d}.rev2-nav-next:hover{transform:translate(4px);box-shadow:0 6px 20px #1e293b66}.rev2-preview-actions{display:flex;gap:16px;margin-top:24px}.rev2-export-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#1e293b,#0f172a);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1e293b4d}.rev2-export-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1e293b66}.rev2-export-file-icon{width:22px;height:22px;min-width:22px;flex-shrink:0}.rev2-ready-banner{display:flex;flex-direction:column;gap:6px;padding:18px 20px;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;margin-bottom:20px;box-shadow:0 2px 8px #0000000f}.rev2-ready-title-row{display:flex;align-items:center;gap:8px}.rev2-ready-tick{width:20px;height:20px;min-width:20px;flex-shrink:0}.rev2-ready-title-row h3{font-size:16px;font-weight:700;color:#1a202c;margin:0;letter-spacing:-.01em}.rev2-ready-subtitle{font-size:12px;color:#64748b;margin:0;font-weight:500;padding-left:28px}.rev2-preview-section{display:flex;flex-direction:column;background:linear-gradient(135deg,#f8fafc,#e2e8f0);overflow:hidden;border-left:2px solid rgba(30,41,59,.1);position:relative}.rev2-preview-section:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:linear-gradient(180deg,#1e293b,#0f172a);opacity:.5}.rev2-preview-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:linear-gradient(135deg,#1e293b,#0f172a);box-shadow:0 4px 12px #1e293b66;position:sticky;top:0;z-index:50;min-height:70px}.rev2-preview-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.rev2-preview-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.rev2-preview-controls{display:flex;gap:10px;align-items:center}.rev2-zoom-controls{display:flex;align-items:center;gap:2px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:2px}.rev2-zoom-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease}.rev2-zoom-btn:hover:not(:disabled){background:#fff3}.rev2-zoom-btn:disabled{opacity:.3;cursor:default}.rev2-zoom-label{min-width:44px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#ffffffe6;font-size:11px;font-weight:600;cursor:pointer;font-family:inherit;letter-spacing:.5px;transition:all .2s ease;border-radius:4px}.rev2-zoom-label:hover{background:#ffffff26;color:#fff}.rev2-control-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;font-size:18px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rev2-control-btn:hover{background:#ffffff4d;transform:scale(1.05)}.rev2-preview-body{flex:1;overflow:auto;padding:16px;display:flex;justify-content:center;align-items:flex-start;position:relative}.rev2-preview-body::-webkit-scrollbar{width:6px;height:6px}.rev2-preview-body::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.rev2-preview-body::-webkit-scrollbar-thumb{background:#64748b59;border-radius:3px}.rev2-preview-body::-webkit-scrollbar-thumb:hover{background:#64748b8c}.rev2-preview-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:0;background:linear-gradient(145deg,#e8ecf1,#dde2e8,#d5dbe3);border-radius:12px;position:relative}.rev2-preview-page{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;min-height:1100px;padding:40px;border:1px solid #e2e8f0}.rev2-preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:520px;text-align:center}.rev2-placeholder-icon{font-size:80px;margin-bottom:20px;opacity:.3;filter:grayscale(1)}.rev2-placeholder-text{font-size:18px;font-weight:600;color:#64748b;margin:0 0 8px}.rev2-placeholder-hint{font-size:14px;color:#94a3b8;margin:0}.rev2-section-toggle-panel{background:#fff;border-bottom:1px solid #e2e8f0;padding:12px 20px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.rev2-section-toggle-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:13px;font-weight:700;color:#1e293b}.rev2-section-toggle-close{background:none;border:none;font-size:16px;cursor:pointer;color:#94a3b8;padding:2px 6px;border-radius:4px;transition:all .2s}.rev2-section-toggle-close:hover{background:#f1f5f9;color:#1e293b}.rev2-section-toggle-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.rev2-section-toggle-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .15s ease;font-size:13px;background:#f8fafc;border:1px solid #e2e8f0}.rev2-section-toggle-item:hover{background:#f0f9ff;border-color:#bae6fd}.rev2-section-toggle-item input[type=checkbox]{width:16px;height:16px;accent-color:#1e293b;cursor:pointer;flex-shrink:0}.rev2-section-toggle-icon{font-size:14px;flex-shrink:0}.rev2-section-toggle-label{font-weight:500;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rev2-theme-btn.active{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;border-color:#1e293b}@media (max-width: 1400px){.rev2-container{grid-template-columns:auto 1fr 600px}}@media (max-width: 1200px){.rev2-container{grid-template-columns:auto 1fr}.rev2-preview-section{display:none}}.rev2-mobile-steps-bar,.rev2-mobile-preview-toggle,.rev2-mobile-back-editor,.rev2-mobile-preview-bottom{display:none}@media (max-width: 768px){.rev2-container{display:flex;flex-direction:column;grid-template-columns:none;margin-top:70px;height:calc(100vh - 70px);overflow:hidden}.rev2-sidebar{display:none!important}.rev2-mobile-steps-bar{display:block;position:fixed;top:70px;left:0;right:0;z-index:200;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f;padding:0}.rev2-mobile-steps-scroll{display:flex;overflow-x:auto;gap:6px;padding:8px 12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.rev2-mobile-steps-scroll::-webkit-scrollbar{display:none}.rev2-mobile-step{display:flex;align-items:center;gap:5px;padding:7px 12px;border-radius:20px;border:1.5px solid #e2e8f0;background:#f8fafc;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s ease;font-size:12px;font-weight:500;color:#64748b}.rev2-mobile-step.active{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;border-color:#1e293b;box-shadow:0 2px 8px #1e293b4d}.rev2-mobile-step.completed{background:#f0fdf4;border-color:#86efac;color:#166534}.rev2-mobile-step-icon{font-size:13px}.rev2-mobile-step-label{font-size:11px;font-weight:600}.rev2-editor-section{flex:1;overflow-y:auto;padding-top:42px;display:flex;flex-direction:column}.rev2-mobile-preview-active .rev2-editor-section,.rev2-mobile-preview-active .rev2-mobile-steps-bar,.rev2-preview-section{display:none}.rev2-mobile-preview-active .rev2-preview-section{display:flex!important;flex-direction:column;position:fixed;inset:70px 0 0;z-index:150;background:#f8fafc;border-left:none}.rev2-mobile-preview-active .rev2-preview-section:before{display:none}.rev2-mobile-preview-toggle{display:block;position:sticky;bottom:0;left:0;right:0;padding:12px 16px;border-top:1px solid #e2e8f0;background:#fff;box-shadow:0 -2px 10px #0000000f;z-index:100}.rev2-mobile-toggle-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;background:linear-gradient(135deg,#1e293b,#334155);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1e293b4d}.rev2-mobile-toggle-btn:active{transform:scale(.97)}.rev2-mobile-guide-text{display:block;text-align:center;font-size:11px;color:#94a3b8;margin:8px 0 0;font-weight:500;letter-spacing:.01em}.rev2-mobile-back-editor{display:none!important}.rev2-preview-header{padding:10px 14px;flex-wrap:nowrap;gap:0;min-height:50px;align-items:center;justify-content:center}.rev2-preview-title{display:none}.rev2-preview-controls{display:flex;gap:8px;align-items:center;margin:0 auto}.rev2-theme-btn{width:38px;height:38px;font-size:15px;border-radius:10px}.rev2-editor-header{padding:10px 14px;min-height:auto;gap:10px}.rev2-header-left{gap:8px}.rev2-back-btn{display:none}.rev2-editor-title{font-size:15px}.rev2-editor-subtitle{font-size:11px}.rev2-save-btn{padding:7px 12px;font-size:12px;border-radius:8px}.rev2-save-btn svg{width:14px!important;height:14px!important}.rev2-editor-body{padding:14px 14px 0;flex:1;overflow-y:auto}.rev2-form-section{padding:14px;border-radius:12px;margin-bottom:8px}.rev2-form-grid{grid-template-columns:1fr;gap:12px}.rev2-section-title{font-size:17px}.rev2-section-subtitle{font-size:12px}.rev2-editor-navigation{flex-direction:row;padding:10px 0;gap:10px}.rev2-nav-btn{padding:11px 18px;font-size:13px;flex:1}.rev2-nav-next{margin-left:0}.rev2-theme-dropdown{position:fixed!important;inset:auto 0 0!important;border-radius:16px 16px 0 0;max-height:60vh;overflow-y:auto;z-index:9999}.rev2-section-toggle-panel{padding:10px 14px}.rev2-section-toggle-list{grid-template-columns:1fr;gap:5px}.rev2-section-toggle-item{padding:7px 10px;font-size:12px}.rev2-mobile-preview-bottom{display:block;position:sticky;bottom:0;left:0;right:0;padding:12px 16px;background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -4px 12px #00000014;z-index:200}.rev2-mobile-back-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;background:linear-gradient(135deg,#1e293b,#334155);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #1e293b4d}.rev2-mobile-back-btn:active{transform:scale(.97);box-shadow:0 2px 8px #1e293b66}.profile-dropdown{z-index:99999!important}}@media (max-width: 480px){.rev2-container{margin-top:64px;height:calc(100vh - 64px)}.rev2-mobile-steps-bar{top:64px}.rev2-mobile-steps-scroll{padding:6px 8px;gap:4px}.rev2-mobile-step{padding:5px 9px;gap:4px}.rev2-mobile-step-icon{font-size:11px}.rev2-mobile-step-label{font-size:10px}.rev2-editor-section{padding-top:36px}.rev2-mobile-preview-active .rev2-preview-section{top:64px}.rev2-editor-header{padding:8px 10px;gap:8px}.rev2-header-info{gap:1px}.rev2-editor-body{padding:10px}.rev2-form-section{padding:12px}.rev2-editor-title{font-size:13px}.rev2-editor-subtitle{font-size:10px}.rev2-save-btn{padding:6px 10px;font-size:11px;gap:4px}.rev2-mobile-toggle-btn{padding:11px 14px;font-size:13px}.rev2-mobile-preview-toggle{padding:10px}.rev2-preview-header{padding:8px 10px;min-height:44px}.rev2-theme-btn{width:34px;height:34px;font-size:13px}.rev2-mobile-preview-bottom{padding:10px 12px}.rev2-mobile-back-btn{padding:11px 14px;font-size:13px}.rev2-nav-btn{padding:10px 14px;font-size:12px}.rev2-section-title{font-size:15px}.rev2-form-grid{gap:10px}}.rev2-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rev2-modal{background:#fff;border-radius:16px;width:90%;max-width:700px;max-height:85vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column}.rev2-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#fff)}.rev2-modal-title{font-size:20px;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:10px}.rev2-modal-close{width:32px;height:32px;border:none;background:#f1f5f9;border-radius:8px;color:#64748b;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.rev2-modal-close:hover{background:#e2e8f0;color:#1e293b}.rev2-modal-body{padding:24px;overflow-y:auto;flex:1}.rev2-modal-body::-webkit-scrollbar{width:8px}.rev2-modal-body::-webkit-scrollbar-track{background:#f1f5f9}.rev2-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.rev2-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:2px solid #e2e8f0;background:#f8fafc}.rev2-modal-btn{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.rev2-modal-btn-cancel{background:#fff;color:#64748b;border:2px solid #e2e8f0}.rev2-modal-btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.rev2-modal-btn-primary{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;box-shadow:0 4px 12px #1e293b4d}.rev2-modal-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1e293b66}.rev2-theme-controls{display:flex;gap:8px;position:relative}.rev2-theme-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rev2-theme-btn:hover{background:#ffffff4d;transform:scale(1.05)}.rev2-theme-btn-locked{opacity:.6;cursor:not-allowed;position:relative}.rev2-theme-btn-locked:hover{transform:none;background:#ffffff26}.rev2-theme-dropdown{position:fixed;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;padding:0;z-index:10002;animation:dropdownFadeIn .25s cubic-bezier(.4,0,.2,1);border:2px solid rgba(16,185,129,.2);min-width:300px;max-width:350px}.rev2-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px 10px 0 0}.rev2-dropdown-title{font-size:15px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);margin:0}.rev2-dropdown-close{background:#fff3;border:none;font-size:22px;color:#fff;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.rev2-dropdown-close:hover{background:#fff6;transform:scale(1.1)}.rev2-color-grid{padding:20px;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.rev2-color-swatch{width:100%;aspect-ratio:1;border-radius:10px;border:3px solid transparent;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0003;position:relative;display:flex;align-items:center;justify-content:center}.rev2-color-swatch:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 8px 20px #0000004d}.rev2-color-swatch.active{border-color:#667eea;box-shadow:0 0 0 2px #667eea66,0 8px 24px #00000059;transform:scale(1.1)}.rev2-color-check{width:20px;height:20px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.rev2-font-list{padding:12px;display:flex;flex-direction:column;gap:6px;max-height:400px;overflow-y:auto}.rev2-font-option{padding:12px 16px;background:#fff;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:15px;color:#1e293b;display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%}.rev2-font-option:focus{outline:none;border-color:#10b981;background:#f0fdf4}.rev2-font-option:hover{background:#f8fafc;border-color:#e2e8f0}.rev2-font-option.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.rev2-items-list{margin-top:20px;display:flex;flex-direction:column;gap:12px}.rev2-item-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;transition:all .2s ease}.rev2-item-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a;transform:translateY(-2px)}.rev2-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.rev2-item-title{font-size:16px;font-weight:600;color:#1f2937;margin:0;flex:1}.rev2-item-subtitle{font-size:14px;color:#6b7280;margin:4px 0}.rev2-item-detail{font-size:13px;color:#9ca3af;margin:4px 0}.rev2-item-actions{display:flex;gap:8px}.rev2-item-edit-btn,.rev2-item-delete-btn{background:transparent;border:none;padding:6px;cursor:pointer;font-size:18px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.rev2-item-edit-btn:hover{background:#eff6ff;transform:scale(1.1)}.rev2-item-delete-btn:hover{background:#fef2f2;transform:scale(1.1)}.rev2-item-delete-btn:active{transform:scale(.95)}.rev2-preview-iframe{width:100%;height:100%;border:none;background:#fff;border-radius:4px;box-shadow:0 4px 6px -1px #0000001a,0 10px 30px -5px #00000026,0 0 0 1px #0000000d;transition:box-shadow .3s ease}.rev2-preview-iframe:hover{box-shadow:0 8px 12px -2px #0000001f,0 20px 50px -10px #0003,0 0 0 1px #00000014}.rev2-preview-scaler{position:relative;flex-shrink:0}.rev2-preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px;color:#6b7280}.rev2-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.rev2-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rev2-checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rev2-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.rev2-check-icon{font-size:14px;font-weight:700;color:#667eea}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.rev2-form-section{animation:fadeIn .4s ease}.rev2-skills-autocomplete{position:relative}.rev2-skills-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 12px 40px #00000026;z-index:1000;max-height:380px;overflow:hidden;animation:dropdownSlideIn .25s cubic-bezier(.4,0,.2,1);border:2px solid #e2e8f0}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.rev2-skills-dropdown-header{display:flex;justify-content:flex-end;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom:2px solid #e2e8f0}.rev2-skills-dropdown-title{font-size:13px;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:6px}.rev2-skills-dropdown-count{font-size:12px;font-weight:600;color:#64748b;background:#fff;padding:4px 10px;border-radius:12px;border:1px solid #cbd5e1}.rev2-skills-dropdown-list{max-height:320px;overflow-y:auto;padding:8px}.rev2-skills-dropdown-list::-webkit-scrollbar{width:8px}.rev2-skills-dropdown-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.rev2-skills-dropdown-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.rev2-skills-dropdown-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.rev2-skills-dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;border-radius:8px;transition:all .2s ease;margin-bottom:4px}.rev2-skills-dropdown-item:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);transform:translate(4px);box-shadow:0 2px 8px #3b82f61a}.rev2-skills-dropdown-item-highlighted{background:linear-gradient(135deg,#eff6ff,#dbeafe);transform:translate(4px);box-shadow:0 2px 8px #3b82f61a;outline:2px solid #93c5fd;outline-offset:-2px}.rev2-skills-dropdown-name{flex:1;font-size:14px;font-weight:500;color:#1e293b}.rev2-skills-dropdown-badge{font-size:11px;font-weight:600;color:#059669;background:#d1fae5;padding:4px 10px;border-radius:12px;border:1px solid #a7f3d0}.rev2-skills-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;padding:12px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;border:2px dashed #cbd5e1;animation:fadeIn .3s ease}.rev2-skill-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;border-radius:20px;font-size:13px;font-weight:600;box-shadow:0 2px 8px #1e293b33;transition:all .2s ease;animation:tagSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes tagSlideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.rev2-skill-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1e293b4d}.rev2-skill-tag-soft{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 8px #8b5cf633}.rev2-skill-tag-soft:hover{box-shadow:0 4px 12px #8b5cf64d}.rev2-skill-tag-text{line-height:1}.rev2-skill-tag-remove{background:#fff3;border:none;color:#fff;font-size:20px;font-weight:700;cursor:pointer;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;transition:all .2s ease}.rev2-skill-tag-remove:hover{background:#fff6;transform:rotate(90deg)}.rev2-skill-tag-edit{background:#fff3;border:none;cursor:pointer;font-size:12px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s ease}.rev2-skill-tag-edit:hover{background:#fff6;transform:scale(1.15)}.rev2-edit-skill-hint{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;margin-top:6px;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;font-size:12px;color:#92400e;font-weight:500}.rev2-edit-skill-hint button{background:none;border:none;color:#b45309;font-weight:600;cursor:pointer;font-size:12px;text-decoration:underline}button,input,textarea{transition:all .3s cubic-bezier(.4,0,.2,1)}.rev2-hr-consultancy-checkbox{display:flex;align-items:center;gap:12px;margin:20px 0;padding:14px 18px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1.5px solid #86efac;border-radius:12px;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rev2-hr-consultancy-checkbox:hover{border-color:#4ade80;box-shadow:0 2px 12px #4ade8026}.rev2-hr-consultancy-checkbox input[type=checkbox]{display:none}.rev2-hr-checkmark{width:22px;height:22px;min-width:22px;border:2px solid #86efac;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:#fff}.rev2-hr-consultancy-checkbox input[type=checkbox]:checked~.rev2-hr-checkmark{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#16a34a}.rev2-hr-consultancy-checkbox input[type=checkbox]:checked~.rev2-hr-checkmark:after{content:"✓";color:#fff;font-size:14px;font-weight:700;line-height:1}.rev2-hr-label{font-size:14px;font-weight:600;color:#166534;letter-spacing:.01em}.ats-score-page{min-height:100vh;background:linear-gradient(135deg,#f8fffe,#ecfdf5);padding:100px 20px 40px;width:100%;overflow-x:hidden}.ats-page-header{max-width:1200px;margin:0 auto 30px;text-align:center;position:relative;display:flex;align-items:center;justify-content:center}.back-to-home-btn{position:absolute;left:0;display:flex;align-items:center;gap:8px;background:#fff;border:2px solid #1A8063;color:#1a8063;padding:10px 18px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;text-decoration:none}.back-to-home-btn:hover{background:#1a8063;color:#fff;transform:translate(-3px);box-shadow:0 4px 12px #1a806333}.back-to-home-btn svg{width:18px;height:18px;flex-shrink:0}.ats-page-header h1{font-size:36px;font-weight:800;color:#1e293b;margin:0}.ats-analyzing-view{display:flex;justify-content:center;align-items:center}.analyzing-container{max-width:600px;margin:0 auto;text-align:center;padding:60px 40px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.analyzing-animation{position:relative;width:200px;height:200px;margin:0 auto 40px;display:flex;align-items:center;justify-content:center}.document-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:documentPulse 2s ease-in-out infinite}.document-icon svg{display:block;width:64px;height:64px}@keyframes documentPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}}.scanner-line{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#1A8063,transparent);animation:scanAnimation 2s ease-in-out infinite}@keyframes scanAnimation{0%{top:0;opacity:0}50%{opacity:1}to{top:100%;opacity:0}}.analyzing-container h2{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 10px}.analyzing-container p{font-size:16px;color:#64748b;margin:0 0 40px}.progress-steps{display:flex;justify-content:center;gap:30px}.step{display:flex;flex-direction:column;align-items:center;gap:10px;color:#94a3b8;font-size:14px}.step.active{color:#1a8063}.step-icon{width:40px;height:40px;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:18px}.step.active .step-icon{background:#1a80631a;animation:stepPulse 1s ease-in-out infinite}@keyframes stepPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.score-hero-section{max-width:1200px;margin:0 auto 40px;background:#fff;border-radius:20px;padding:50px 60px;box-shadow:0 10px 40px #0000001a;display:flex;align-items:center;justify-content:space-between;gap:60px}@media (max-width: 1024px){.score-hero-section{flex-direction:column;gap:40px;padding:40px 30px}}.speedometer-container{position:relative;width:450px;height:290px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.speedometer{width:100%;height:auto;filter:drop-shadow(0 8px 24px rgba(0,0,0,.12))}.score-display{margin-top:-40px;text-align:center;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-display .score-number{font-size:68px;font-weight:900;line-height:1;color:#1e293b;margin-bottom:0;margin-top:8px;text-shadow:0 2px 4px rgba(0,0,0,.1);text-align:center}.score-label-text{font-size:20px;font-weight:700;margin-top:8px;letter-spacing:.5px;text-align:center}.score-details{flex:1;max-width:600px;display:flex;flex-direction:column;justify-content:center}.score-label{font-size:48px;font-weight:900;margin:0 0 10px;line-height:1.3}.score-description{font-size:22px;color:#64748b;margin:0 0 32px;line-height:1.6}.file-info{display:flex;flex-direction:column;gap:14px;margin-top:0}.file-info-item{display:flex;align-items:center;gap:12px;font-size:15px;color:#64748b;background:#f8fafc;padding:12px 16px;border-radius:10px;border-left:3px solid #1A8063;transition:all .3s ease}.file-info-item:hover{background:#f1f5f9;transform:translate(4px);box-shadow:0 2px 8px #0000000d}.file-info-item span{flex:1;font-weight:500;word-break:break-word}.info-icon{font-size:18px}.cache-indicator{border-left:3px solid #10b981!important;background:linear-gradient(135deg,#d1fae5,#a7f3d0)!important}.cache-badge{color:#065f46;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.cache-indicator:hover{background:linear-gradient(135deg,#a7f3d0,#86efac)!important;transform:translate(4px) scale(1.02)}.sections-analysis{max-width:1200px;margin:0 auto 40px;background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 40px #0000001a}.sections-analysis h3{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 30px}.sections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.section-card{background:#f8fafc;padding:20px;border-radius:12px;border:2px solid #e2e8f0;transition:all .3s ease}.section-card:hover{border-color:#1a8063;transform:translateY(-3px);box-shadow:0 5px 20px #1a80631a}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.section-icon{font-size:24px}.section-name{font-size:16px;font-weight:700;color:#1e293b;text-transform:capitalize}.section-score{display:flex;align-items:center;gap:15px}.score-bar{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.score-bar-fill{height:100%;border-radius:4px;transition:width 1s ease-out}.section-score-number{font-size:18px;font-weight:700;color:#1e293b;min-width:45px;text-align:right}.analysis-content{max-width:1200px;margin:0 auto 40px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.analysis-column{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 40px #0000001a}.analysis-column h3{font-size:24px;font-weight:700;margin:0 0 25px}.strengths h3{color:#10b981}.improvements h3{color:#f59e0b}.analysis-column ul{list-style:none;padding:0;margin:0}.analysis-column li{border-bottom:1px solid #f1f5f9;color:#475569;line-height:1.6;position:relative;padding:15px 0 15px 30px}.analysis-column li:last-child{border-bottom:none}.strengths li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700;font-size:18px}.improvements li:before{content:"→";position:absolute;left:0;color:#f59e0b;font-weight:700;font-size:18px}.keywords-section{max-width:1200px;margin:0 auto 40px;background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 40px #0000001a}.keywords-section h3{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 30px}.keywords-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.keywords-found h4,.keywords-missing h4{font-size:16px;font-weight:700;margin:0 0 15px}.keywords-found h4{color:#10b981}.keywords-missing h4{color:#64748b}.keyword-tags{display:flex;flex-wrap:wrap;gap:10px}.keyword-tag{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;transition:all .3s ease}.keyword-tag.found{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.keyword-tag.missing{background:#64748b1a;color:#64748b;border:1px solid rgba(100,116,139,.3)}.keyword-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.action-buttons{max-width:1200px;margin:0 auto;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:16px 32px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;border:none}.btn-primary{background:linear-gradient(135deg,#1a8063,#047857);color:#fff;box-shadow:0 4px 15px #1a80634d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1a806366}.btn-secondary{background:#fff;color:#1a8063;border:2px solid #1A8063}.btn-secondary:hover{background:#f8fafc;transform:translateY(-2px)}.locked-content{position:relative;overflow:hidden;min-height:200px}.locked-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffffffa;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;display:flex;align-items:center;justify-content:center;border-radius:16px;padding:24px 20px;box-shadow:0 8px 32px #00000026;border:2px solid #e2e8f0;max-width:400px;width:90%}.lock-icon{width:100%;text-align:center}.lock-icon h3,.lock-icon p{white-space:normal;word-break:keep-all}.lock-icon svg{margin-bottom:8px;filter:drop-shadow(0 4px 12px rgba(26,128,99,.3));animation:lockFloat 3s ease-in-out infinite;display:block;margin-left:auto;margin-right:auto;width:40px;height:40px}@keyframes lockFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.lock-icon h3{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 8px;text-align:center;width:100%;line-height:1.3}.lock-icon p{font-size:14px;color:#64748b;margin:0 auto;padding-bottom:16px;line-height:1.5;text-align:center;width:100%}.btn-upgrade{background:linear-gradient(135deg,#1a8063,#16a085);color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1a80634d;margin-top:4px}.btn-upgrade:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1a806366;background:linear-gradient(135deg,#16a085,#1a8063)}.btn-upgrade:active{transform:translateY(0);box-shadow:0 2px 8px #1a80634d}.blurred{filter:blur(5px);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:.6}.file-info-item .info-icon{display:inline-flex;align-items:center;margin-right:8px}.spinning{animation:spin 2s linear infinite}.btn-premium{background:linear-gradient(135deg,#1a8063,#047857);color:#fff;border:none;padding:14px 32px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #1a80634d;position:relative;overflow:hidden}.btn-premium:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-premium:hover:before{left:100%}.btn-premium:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1a806366}.btn-premium:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:14px 32px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #3b82f64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-primary:active{transform:translateY(0)}@media (max-width: 1024px){.ats-score-page{padding:90px 16px 32px}.ats-page-header{margin-bottom:24px}.ats-page-header h1{font-size:28px}.back-to-home-btn{padding:8px 14px;font-size:13px}.back-to-home-btn svg{width:16px;height:16px}.score-hero-section{flex-direction:column;text-align:center;padding:40px 30px}.score-circle-container{width:200px;height:200px}.score-number{font-size:60px}.analysis-content,.keywords-grid{grid-template-columns:1fr}.score-label{font-size:44px;font-weight:900}}@media (max-width: 900px) and (min-width: 769px){.ats-score-page{padding:85px 16px 30px}.ats-page-header{flex-direction:column;gap:16px;align-items:flex-start}.back-to-home-btn{position:static}.ats-page-header h1{font-size:26px;width:100%;text-align:center}.ats-page-header h1{font-size:30px;font-weight:800}.score-hero-section{padding:35px 25px;gap:35px}.speedometer-container{width:380px;height:240px}.score-display{margin-top:-35px}.score-display .score-number{font-size:56px;font-weight:900;margin-top:6px}.score-label{font-size:42px;font-weight:900}.score-description{font-size:16px}.analysis-content{grid-template-columns:1fr;gap:25px}.analysis-column{padding:30px 25px}.sections-grid{gap:20px}}@media (max-width: 768px){.ats-score-page{padding:80px 16px 30px}.ats-page-header{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:25px}.ats-page-header h1{font-size:26px;font-weight:800;line-height:1.3}.analyzing-container{margin:60px auto;padding:40px 30px}.analyzing-container h2{font-size:24px;font-weight:700}.analyzing-container p{font-size:15px}.score-hero-section{padding:30px 20px;flex-direction:column;gap:30px}.speedometer-container{width:340px;height:220px}.score-display{margin-top:-32px}.score-display .score-number{font-size:52px;font-weight:900;margin-top:5px}.score-label-text{font-size:18px;font-weight:700}.score-details{max-width:100%;text-align:center}.score-label{font-size:34px;font-weight:900}.score-description{font-size:16px;line-height:1.6}.score-circle-container{width:170px;height:170px}.score-number{font-size:46px;font-weight:900}.analysis-content{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.analysis-column{padding:25px 20px}.analysis-column h3{font-size:22px;font-weight:700}.analysis-column li{font-size:15px;padding:12px 0 12px 28px}.sections-grid{grid-template-columns:1fr;gap:18px}.section-card{padding:20px}.section-name{font-size:15px;font-weight:700}.section-score-number{font-size:17px;font-weight:700}.keywords-section{padding:25px 20px}.keywords-section h3{font-size:22px;font-weight:700}.keyword-tag{padding:8px 14px;font-size:13px;font-weight:600}.ai-summary-section{padding:24px}.summary-header h3{font-size:20px;font-weight:700}.summary-text{font-size:15px;line-height:1.7;padding:16px}.resume-highlights-section,.improvements-section{padding:24px}.resume-highlights-section h3,.improvements-section h3{font-size:22px;font-weight:700}.action-buttons{flex-direction:column;gap:12px}.btn-primary,.btn-secondary{width:100%;font-size:15px;font-weight:600;padding:13px 24px}.back-button{padding:11px 18px;font-size:15px;font-weight:600}}@media (max-width: 480px){.ats-score-page{padding:75px 14px 25px}.ats-page-header h1{font-size:22px;font-weight:800}.analyzing-container{margin:40px auto;padding:35px 25px}.analyzing-animation{width:160px;height:160px}.document-icon{font-size:65px}.analyzing-container h2{font-size:20px;font-weight:700}.analyzing-container p{font-size:14px}.back-button{padding:10px 16px;font-size:14px;font-weight:600}.speedometer-container{width:280px;height:180px}.score-display{margin-top:-28px}.score-display .score-number{font-size:44px;font-weight:900;margin-top:4px}.score-label-text{font-size:16px;font-weight:700}.score-label{font-size:30px;font-weight:900}.score-description{font-size:15px}.score-circle-container{width:140px;height:140px}.score-number{font-size:38px;font-weight:900}.score-total{font-size:16px;font-weight:600}.score-label{font-size:28px;font-weight:900}.analysis-column{padding:20px 16px}.analysis-column h3{font-size:20px;font-weight:700}.analysis-column li{font-size:14px;padding:10px 0 10px 26px}.section-card{padding:16px}.section-name{font-size:14px;font-weight:700}.section-score-number{font-size:16px;font-weight:700}.keywords-section{padding:20px 16px}.keywords-section h3{font-size:20px;font-weight:700}.keyword-tag{padding:7px 12px;font-size:12px;font-weight:600}.ai-summary-section{padding:20px}.summary-header h3{font-size:18px;font-weight:700}.summary-text{font-size:14px;line-height:1.6;padding:14px}.resume-highlights-section,.improvements-section{padding:20px}.resume-highlights-section h3,.improvements-section h3{font-size:20px;font-weight:700}.highlight-item,.improvement-item{padding:12px 14px;font-size:14px}.btn-primary,.btn-secondary{font-size:14px;font-weight:600;padding:12px 20px}.progress-steps{flex-direction:column;gap:12px}.step{font-size:13px}.step-icon{width:36px;height:36px;font-size:16px}.file-info{flex-direction:column;gap:8px;font-size:13px}}@media (max-width: 375px){.ats-score-page{padding:70px 12px 20px}.ats-page-header h1{font-size:20px;font-weight:800}.analyzing-container{padding:30px 20px}.analyzing-animation{width:140px;height:140px}.document-icon{font-size:55px}.analyzing-container h2{font-size:18px;font-weight:700}.analyzing-container p{font-size:13px}.speedometer-container{width:260px;height:170px}.score-display{margin-top:-26px}.score-display .score-number{font-size:40px;font-weight:900;margin-top:3px}.score-label-text{font-size:14px;font-weight:700}.score-label{font-size:26px;font-weight:900}.score-description{font-size:14px}.score-circle-container{width:130px;height:130px}.score-number{font-size:34px;font-weight:900}.score-total{font-size:14px;font-weight:600}.analysis-column{padding:18px 14px}.analysis-column h3{font-size:18px;font-weight:700}.analysis-column li{font-size:13px;padding:9px 0 9px 24px}.section-card{padding:14px}.section-name{font-size:13px;font-weight:700}.section-score-number{font-size:15px;font-weight:700}.ai-summary-section{padding:18px}.summary-header h3{font-size:17px;font-weight:700}.summary-text{font-size:13px;line-height:1.6;padding:12px}.resume-highlights-section,.improvements-section{padding:18px}.resume-highlights-section h3,.improvements-section h3{font-size:18px;font-weight:700}.highlight-item,.improvement-item{padding:10px 12px;font-size:13px}.btn-primary,.btn-secondary{font-size:13px;font-weight:600;padding:11px 18px}.back-button{padding:9px 14px;font-size:13px;font-weight:600}}.ai-summary-section{background:linear-gradient(135deg,#fff,#f0fdfa);border-radius:16px;padding:32px;max-width:1400px;margin:0 auto 24px;box-shadow:0 4px 20px #1a806314;border:2px solid #d1fae5}.summary-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.summary-header h3{font-size:22px;font-weight:700;color:#1e293b;margin:0;text-align:left;line-height:1.2}.summary-text{font-size:16px;line-height:1.8;color:#334155;margin:0;text-align:left;padding:20px;background:#fff;border-radius:12px;border-left:4px solid #1A8063}.features-container{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1400px;margin:0 auto 24px;align-items:start}@media (max-width: 1200px){.features-container{grid-template-columns:1fr}}.resume-highlights-section{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px #00000014;position:relative;width:100%;min-width:0}.resume-highlights-section h3{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 24px;display:flex;align-items:center;justify-content:center;text-align:center;gap:8px}.highlights-grid{display:grid;grid-template-columns:1fr;gap:16px;margin:0;padding-bottom:8px;width:100%}@media (max-width: 768px){.highlights-grid{grid-template-columns:1fr}}.highlight-card{background:#f8fafc;border-radius:12px;padding:24px;border-left:4px solid;transition:all .3s ease;display:block;width:100%}.highlight-card:last-child{margin-bottom:0}.highlight-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.strength-card{border-left-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#f8fafc)}.weakness-card{border-left-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#f8fafc)}.improvement-card{border-left-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#f8fafc);display:block!important;flex-direction:column!important}.highlight-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0;width:100%;flex-shrink:0}.highlight-header h4{font-size:18px;font-weight:700;color:#1e293b;margin:0;text-align:left;line-height:1.2;flex:1}.highlight-list{list-style:none;padding:0;margin:0;width:100%;display:block}.highlight-list li{padding:10px 0 10px 28px;position:relative;color:#475569;font-size:15px;line-height:1.6;border-bottom:1px solid #e2e8f0;display:block;width:100%;text-align:left}.highlight-list li:last-child{border-bottom:none}.highlight-list li:before{content:"•";position:absolute;left:8px;top:10px;color:#94a3b8;font-weight:700;font-size:18px;line-height:1.6}.strength-card .highlight-list li:before{color:#10b981}.weakness-card .highlight-list li:before{color:#f59e0b}.improvement-card .highlight-list li:before{color:#3b82f6}.skill-gap-section{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px #00000014;position:relative;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.skill-gap-section h3{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 24px;display:flex;align-items:center;justify-content:center;text-align:center;gap:8px}.skill-gap-content{display:flex;flex-direction:column;gap:24px;width:100%;max-width:100%;box-sizing:border-box}.skill-category{background:#f8fafc;border-radius:12px;padding:24px;border:1px solid #e2e8f0;position:relative;width:100%;max-width:100%;box-sizing:border-box}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0;flex-wrap:nowrap;gap:12px}.category-header h4{font-size:18px;font-weight:700;color:#1e293b;margin:0;text-align:left;line-height:1.2;flex:1;min-width:0}.match-percentage{background:linear-gradient(135deg,#1a8063,#16a085);color:#fff;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:700;flex-shrink:0;white-space:nowrap}.skills-comparison{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 768px){.skills-comparison{grid-template-columns:1fr 1fr}}.skills-present h5,.skills-missing h5{font-size:14px;font-weight:600;color:#64748b;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px;text-align:left;line-height:1.2}.skill-tag{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;transition:all .3s ease}.skill-tag.present{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #10b981}.skill-tag.missing{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #f59e0b}.skill-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.skills-list{display:flex;flex-direction:column;gap:16px;width:100%;max-width:100%;box-sizing:border-box}.skill-item{background:#fff!important;border-radius:8px;padding:16px;border-left:4px solid #1A8063;transition:all .3s ease;display:flex;flex-direction:column;width:100%;max-width:100%;box-sizing:border-box}.skill-item:hover{transform:translate(4px);box-shadow:0 4px 12px #1a80631a;background:#fff!important}.skill-name{display:flex;align-items:flex-start;gap:10px;font-size:16px;font-weight:500;color:#000;margin-bottom:8px;width:100%;max-width:100%;flex-wrap:wrap;line-height:1.5;box-sizing:border-box}.skill-text{flex:1 1 auto;min-width:0;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:normal;line-height:1.5}.skill-badge{padding:3px 10px;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;display:inline-block;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.skill-badge.high{background:#fecaca!important;color:#991b1b!important}.skill-badge.medium{background:#fef3c7!important;color:#92400e!important}.skill-badge.low{background:#e0f2fe!important;color:#075985!important}.skill-gap-section .skill-badge.high{background:#fecaca!important;color:#991b1b!important}.skill-gap-section .skill-badge.medium{background:#fef3c7!important;color:#92400e!important}.skill-gap-section .skill-badge.low{background:#e0f2fe!important;color:#075985!important}.skill-reason{font-size:14px;color:#2d3748;line-height:1.6;margin:0;text-align:left;width:100%;max-width:100%;display:block;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:normal;box-sizing:border-box;font-weight:400}.formatting-issues{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:12px}.formatting-issues li{background:#fff;padding:12px 16px;border-radius:8px;border-left:3px solid #f59e0b;font-size:15px;font-weight:500;color:#1e293b;text-align:left;line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.formatting-issues li:before{content:"⚠️";margin-right:8px}.loading-state{text-align:center;padding:60px 20px;color:#64748b}.loading-state p{font-size:16px;margin:0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.compact-locked-section{position:sticky;top:120px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;z-index:10;align-self:start;overflow:hidden;min-height:300px;display:flex;align-items:center;justify-content:center;width:100%;min-width:0}.locked-preview-bg{position:absolute;inset:0;padding:24px;display:flex;flex-direction:column;gap:16px;filter:blur(6px);opacity:.5;pointer-events:none;z-index:1}.preview-card{background:linear-gradient(135deg,#e0f2fe,#dbeafe);border-radius:12px;padding:20px;border-left:4px solid #3b82f6;box-shadow:0 2px 8px #0000000d}.preview-header{width:60%;height:20px;background:linear-gradient(90deg,#94a3b8,#cbd5e1);border-radius:4px;margin-bottom:12px}.preview-line{width:100%;height:12px;background:linear-gradient(90deg,#cbd5e1,#e2e8f0);border-radius:3px;margin-bottom:8px}.preview-line.short{width:75%}.compact-lock-content{position:relative;z-index:2;display:flex;align-items:center;gap:20px;padding:16px;background:linear-gradient(135deg,#f8fafc,#f0f9ff);border-radius:12px;border:2px solid #e0f2fe;width:100%;max-width:100%}.compact-lock-content svg{flex-shrink:0;color:#1a8063}.compact-lock-text{flex:1}.compact-lock-text h4{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 4px}.compact-lock-text p{font-size:14px;color:#64748b;margin:0;line-height:1.4}.btn-compact-upgrade{padding:10px 24px;background:linear-gradient(135deg,#1a8063,#16a085);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.btn-compact-upgrade:hover{background:linear-gradient(135deg,#16a085,#1a8063);transform:translateY(-2px);box-shadow:0 4px 12px #1a80634d}@media (max-width: 1024px){.ats-score-page{padding:16px}.features-container{grid-template-columns:1fr;gap:20px}.resume-highlights-section,.skill-gap-section{padding:24px}.lock-icon h3{font-size:18px}.lock-icon p{font-size:13px}.locked-overlay{max-width:350px;padding:20px 16px}.score-label{font-size:44px;font-weight:900}}@media (max-width: 768px){.ats-score-page{padding:12px}.score-header{flex-direction:column;text-align:center;gap:16px}.score-circle{width:140px;height:140px}.score-number{font-size:48px}.score-label{font-size:28px;font-weight:900}.score-details h2{font-size:36px;font-weight:900}.score-details p{font-size:14px}.highlights-grid{grid-template-columns:1fr;gap:12px}.skills-comparison{grid-template-columns:1fr}.resume-highlights-section,.skill-gap-section{padding:20px;margin-bottom:16px}.resume-highlights-section h3,.skill-gap-section h3{font-size:20px;margin-bottom:20px}.highlight-card{padding:20px}.highlight-header h4{font-size:16px}.highlight-list li{font-size:14px;padding:8px 0 8px 24px}.skill-category{padding:20px}.category-header h4{font-size:16px}.skill-item{padding:14px}.skill-name{font-size:15px;font-weight:500}.skill-badge{font-size:9px;padding:3px 8px}.skill-reason{font-size:13px}.action-buttons{flex-direction:column;gap:12px}.btn-primary,.btn-premium{width:100%;padding:12px 24px;font-size:15px}.locked-overlay{max-width:320px;padding:18px 14px}.lock-icon svg{width:36px;height:36px}.lock-icon h3{font-size:16px}.lock-icon p{font-size:12px;padding-bottom:12px}.btn-upgrade{padding:8px 20px;font-size:13px}.formatting-issues li{font-size:13px;padding:10px 14px}}@media (max-width: 480px){.ats-score-page{padding:8px}.score-circle{width:120px;height:120px}.score-number{font-size:40px}.score-label{font-size:24px;font-weight:900}.score-details h2{font-size:32px;font-weight:900}.score-details p{font-size:13px}.resume-highlights-section,.skill-gap-section{padding:16px;border-radius:12px}.resume-highlights-section h3,.skill-gap-section h3{font-size:18px;margin-bottom:16px}.highlight-card{padding:16px;border-radius:10px}.highlight-header{margin-bottom:12px;padding-bottom:10px}.highlight-header h4{font-size:15px}.highlight-header svg{width:24px;height:24px}.highlight-list li{font-size:13px;padding:6px 0 6px 22px}.highlight-list li:before{left:6px;font-size:16px}.skill-category{padding:16px;border-radius:10px}.category-header{flex-direction:column;align-items:flex-start;gap:8px}.category-header h4{font-size:15px}.match-percentage{font-size:12px;padding:4px 12px}.skill-item{padding:12px}.skill-name{font-size:14px;gap:8px;font-weight:500}.skill-badge{font-size:9px;padding:2px 8px}.skill-reason{font-size:12px}.btn-primary,.btn-premium{padding:10px 20px;font-size:14px}.btn-primary svg,.btn-premium svg{width:18px;height:18px}.locked-overlay{max-width:280px;padding:16px 12px;border-radius:12px}.lock-icon svg{width:32px;height:32px;margin-bottom:6px}.lock-icon h3{font-size:15px;margin-bottom:6px}.lock-icon p{font-size:11px;padding-bottom:10px}.btn-upgrade{padding:7px 18px;font-size:12px;border-radius:6px}.formatting-issues{gap:10px}.formatting-issues li{font-size:12px;padding:8px 12px;border-radius:6px}.compact-locked-section{padding:16px}.locked-preview-bg{padding:16px;gap:12px}.preview-card{padding:16px}.preview-header{height:16px}.preview-line{height:10px}.compact-lock-content{flex-direction:column;text-align:center;gap:12px;padding:16px}.compact-lock-content svg{width:28px;height:28px}.compact-lock-text h4{font-size:16px}.compact-lock-text p{font-size:12px}.btn-compact-upgrade{width:100%;padding:8px 20px;font-size:13px}}@media (max-width: 375px){.ats-score-page{padding:6px}.score-circle{width:100px;height:100px}.score-number{font-size:36px}.score-details h2{font-size:26px;font-weight:900}.resume-highlights-section h3,.skill-gap-section h3{font-size:16px}.highlight-header h4{font-size:14px}.locked-overlay{max-width:260px;padding:14px 10px}.lock-icon h3{font-size:14px}.lock-icon p{font-size:10px}.btn-upgrade{padding:6px 16px;font-size:11px}.compact-locked-section{padding:16px}.locked-preview-bg{padding:12px;gap:10px}.preview-card{padding:12px}.preview-header{height:14px}.preview-line{height:8px}.compact-lock-content{padding:12px;gap:10px}.compact-lock-content svg{width:24px;height:24px}.compact-lock-text h4{font-size:14px}.compact-lock-text p{font-size:11px}.btn-compact-upgrade{padding:7px 16px;font-size:12px}}@media (max-width: 768px){.back-to-home-btn{position:static;padding:8px 12px;font-size:13px}.ats-page-header h1{width:100%;text-align:center}}@media (max-width: 480px){.back-to-home-btn{padding:7px 10px;font-size:12px}.back-to-home-btn svg{width:14px;height:14px}}.skill-gap-section .skill-gap-content{gap:16px!important}.skill-gap-section .sg-category{position:relative;background:linear-gradient(180deg,#fff,#fafbff);border:1px solid #e6e8f0;border-radius:14px;padding:18px 20px 18px 22px;box-shadow:0 1px #0f172a05,0 8px 22px -14px #0f172a1a;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.skill-gap-section .sg-category:hover{box-shadow:0 1px #0f172a05,0 12px 28px -14px #0f172a24}.skill-gap-section .sg-category:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#1a8063;opacity:.95}.skill-gap-section .sg-category--technical:before{background:linear-gradient(180deg,#6366f1,#818cf8)}.skill-gap-section .sg-category--soft:before{background:linear-gradient(180deg,#0ea5e9,#38bdf8)}.skill-gap-section .sg-category--industry:before{background:linear-gradient(180deg,#f59e0b,#fbbf24)}.skill-gap-section .sg-category--found:before{background:linear-gradient(180deg,#16a34a,#22c55e)}.skill-gap-section .sg-category--recommend:before{background:linear-gradient(180deg,#d946ef,#f472b6)}.skill-gap-section .sg-category-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.skill-gap-section .sg-category-title{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto}.skill-gap-section .sg-category-title h4{font-size:16px!important;font-weight:700!important;color:#0f172a!important;margin:0!important;letter-spacing:-.01em;line-height:1.25!important;padding:0!important;border:none!important}.skill-gap-section .sg-category-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:#f1f5f9;color:#475569;flex-shrink:0}.skill-gap-section .sg-category--technical .sg-category-icon{background:#eef2ff;color:#4f46e5}.skill-gap-section .sg-category--soft .sg-category-icon{background:#e0f2fe;color:#0284c7}.skill-gap-section .sg-category--industry .sg-category-icon{background:#fef3c7;color:#b45309}.skill-gap-section .sg-category--found .sg-category-icon{background:#dcfce7;color:#15803d}.skill-gap-section .sg-category--recommend .sg-category-icon{background:#fae8ff;color:#a21caf}.skill-gap-section .sg-count-chip{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 10px;border-radius:999px;background:#0f172a;color:#fff;font-size:12px;font-weight:700;font-feature-settings:"tnum" on,"lnum" on;letter-spacing:.02em;flex-shrink:0;line-height:1}.skill-gap-section .sg-category-hint{font-size:13px;color:#475569;margin:-4px 0 12px;line-height:1.5}.skill-gap-section .sg-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;align-items:stretch}.skill-gap-section .sg-skill-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #e6e8f0;border-left-width:3px;border-radius:12px;padding:12px 14px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;min-width:0}.skill-gap-section .sg-skill-card:hover{transform:translateY(-1px);border-color:#cbd5e1;box-shadow:0 10px 22px -12px #0f172a29}.skill-gap-section .sg-skill-card.priority-high{border-left-color:#ef4444}.skill-gap-section .sg-skill-card.priority-medium{border-left-color:#f59e0b}.skill-gap-section .sg-skill-card.priority-low{border-left-color:#3b82f6}.skill-gap-section .sg-skill-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:4px}.skill-gap-section .sg-skill-card-title{font-size:14px;font-weight:600;color:#0f172a;line-height:1.4;margin:0;flex:1 1 auto;min-width:0;word-break:break-word}.skill-gap-section .sg-skill-card-reason{font-size:13px;color:#475569;line-height:1.55;margin:4px 0 0}.skill-gap-section .sg-priority-pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid transparent;flex-shrink:0;line-height:1;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.skill-gap-section .sg-priority-pill .sg-priority-dot{width:6px;height:6px;border-radius:999px;background:currentColor;display:inline-block;flex-shrink:0;box-shadow:0 0 0 2px #fff9}.skill-gap-section .sg-priority-pill.high{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.skill-gap-section .sg-priority-pill.medium{background:#fffbeb;color:#b45309;border-color:#fde68a}.skill-gap-section .sg-priority-pill.low{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.skill-gap-section .sg-keyword-cloud{display:flex;flex-wrap:wrap;gap:8px}.skill-gap-section .sg-keyword{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid transparent;line-height:1;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.skill-gap-section .sg-keyword--found{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#065f46;border-color:#a7f3d0}.skill-gap-section .sg-keyword--recommend{background:linear-gradient(135deg,#fdf2f8,#fae8ff);color:#86198f;border-color:#f5d0fe}.skill-gap-section .sg-keyword-prefix{font-size:14px;font-weight:800;line-height:1;margin-right:2px;opacity:.85}.skill-gap-section .sg-keyword:hover{transform:translateY(-1px);box-shadow:0 6px 14px -6px #0f172a2e;filter:saturate(1.08)}@media (max-width: 768px){.skill-gap-section .skill-gap-content{gap:14px!important}.skill-gap-section .sg-category{padding:16px 16px 16px 18px;border-radius:12px}.skill-gap-section .sg-category-header{margin-bottom:12px}.skill-gap-section .sg-category-title h4{font-size:15px!important}.skill-gap-section .sg-category-icon{width:30px;height:30px;border-radius:9px}.skill-gap-section .sg-category-icon svg{width:18px;height:18px}.skill-gap-section .sg-count-chip{height:22px;padding:0 9px;font-size:11.5px}.skill-gap-section .sg-category-hint{font-size:12.5px}.skill-gap-section .sg-card-grid{grid-template-columns:1fr;gap:8px}.skill-gap-section .sg-skill-card{padding:11px 12px}.skill-gap-section .sg-skill-card-title{font-size:13.5px}.skill-gap-section .sg-skill-card-reason{font-size:12.5px}.skill-gap-section .sg-priority-pill{font-size:9.5px;height:20px;padding:0 8px;gap:5px}.skill-gap-section .sg-keyword{font-size:12.5px;height:28px;padding:0 10px}}@media (max-width: 480px){.skill-gap-section .skill-gap-content{gap:12px!important}.skill-gap-section .sg-category{padding:14px 14px 14px 16px;border-radius:11px}.skill-gap-section .sg-category-header{margin-bottom:10px;gap:10px}.skill-gap-section .sg-category-title{gap:8px}.skill-gap-section .sg-category-title h4{font-size:14px!important}.skill-gap-section .sg-category-icon{width:28px;height:28px;border-radius:8px}.skill-gap-section .sg-category-icon svg{width:16px;height:16px}.skill-gap-section .sg-count-chip{height:20px;min-width:24px;padding:0 8px;font-size:11px}.skill-gap-section .sg-category-hint{font-size:12px;margin-bottom:10px}.skill-gap-section .sg-skill-card{padding:10px 12px;border-radius:10px}.skill-gap-section .sg-skill-card-top{gap:8px;margin-bottom:2px}.skill-gap-section .sg-skill-card-title{font-size:13px;line-height:1.4}.skill-gap-section .sg-skill-card-reason{font-size:12px;margin-top:4px}.skill-gap-section .sg-priority-pill{font-size:9px;height:19px;padding:0 7px;gap:4px;letter-spacing:.04em}.skill-gap-section .sg-priority-pill .sg-priority-dot{width:5px;height:5px}.skill-gap-section .sg-keyword{font-size:11.5px;height:26px;padding:0 9px}.skill-gap-section .sg-keyword-prefix{font-size:12px}.skill-gap-section .sg-keyword-cloud{gap:6px}}@media (max-width: 375px){.skill-gap-section .sg-category{padding:12px 12px 12px 14px}.skill-gap-section .sg-skill-card{padding:9px 10px}.skill-gap-section .sg-keyword{font-size:11px;height:24px;padding:0 8px}}.typing-animation-container{display:flex;gap:15px;perspective:1000px;animation:float 6s ease-in-out infinite;position:absolute;top:100px;right:50px;z-index:10}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(1deg)}}.typing-demo{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;padding:0;width:320px;max-height:400px;overflow:hidden;transform:rotateY(-10deg) rotateX(5deg);transition:transform .3s ease}.typing-demo:hover{transform:rotateY(0) rotateX(0) scale(1.02)}.typing-header{background:#f8f9fa;padding:12px 16px;border-bottom:1px solid #e9ecef;display:flex;align-items:center;gap:12px}.typing-dots{display:flex;gap:6px}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27ca3f}.typing-title{font-size:14px;font-weight:600;color:#495057}.typing-content{padding:12px;font-family:Monaco,Menlo,monospace;font-size:10px;line-height:1.4;max-height:340px;overflow-y:auto}.typing-section{margin-bottom:15px}.typing-section-title{color:#6f42c1;font-weight:700;margin-bottom:6px;font-size:12px;border-bottom:1px solid #e9ecef;padding-bottom:3px}.typing-field{display:flex;margin-bottom:4px;align-items:center}.typing-field label{color:#495057;font-weight:600;min-width:70px;margin-right:6px}.typed-text{color:#28a745;font-weight:500}.typed-text.dynamic{position:relative;color:#dc3545;font-weight:700}.cursor{animation:blink 1s infinite;color:#dc3545;font-weight:700}.typing-experience{background:#f8f9fa;padding:12px;border-radius:6px;border-left:3px solid #007bff;margin-bottom:4px}.exp-title{font-weight:700;color:#007bff;margin-bottom:4px;font-size:12px;line-height:1.3}.exp-company{color:#6c757d;font-style:italic;margin-bottom:8px;font-size:11px;line-height:1.3}.exp-bullets{font-size:11px}.bullet{color:#495057;margin-bottom:2px}.skills-container{display:flex;flex-wrap:wrap;gap:6px}.skill-tag{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:500}.typing-preview{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;padding:0;width:250px;max-height:400px;overflow:hidden;transform:rotateY(10deg) rotateX(5deg);transition:transform .3s ease}.typing-preview:hover{transform:rotateY(0) rotateX(0) scale(1.02)}.preview-header{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:12px 16px;text-align:center}.preview-title{font-size:14px;font-weight:600}.preview-content{padding:12px;font-family:Arial,sans-serif;font-size:9px;line-height:1.3}.preview-name{font-size:18px;font-weight:700;color:#2c3e50;text-align:center;margin-bottom:4px;letter-spacing:1px}.preview-position{font-size:14px;color:#667eea;text-align:center;margin-bottom:2px;font-weight:600;min-height:20px}.preview-contact{font-size:10px;color:#6c757d;text-align:center;margin-bottom:16px}.preview-section{margin-bottom:10px}.preview-section-title{font-size:10px;font-weight:700;color:#2c3e50;border-bottom:2px solid #667eea;margin-bottom:5px;padding-bottom:2px}.preview-job{margin-bottom:10px}.preview-job-title{font-weight:700;color:#495057;margin-bottom:3px;font-size:11px;line-height:1.3}.preview-company{color:#6c757d;font-style:italic;font-size:10px;line-height:1.3;margin-bottom:3px}.preview-achievement{color:#495057;font-size:10px;line-height:1.4}.preview-education{margin-bottom:8px}.preview-degree{font-weight:700;color:#495057;font-size:11px;margin-bottom:2px}.preview-university{color:#6c757d;font-size:10px;font-style:italic}.preview-skills{color:#495057;line-height:1.6}@media (max-width: 768px){.typing-animation-container{flex-direction:column;gap:15px;align-items:center}.typing-demo,.typing-preview{transform:none;width:100%;max-width:300px}.typing-demo:hover,.typing-preview:hover{transform:scale(1.02)}}@media (max-width: 480px){.typing-demo,.typing-preview{width:280px}.typing-content{padding:15px;font-size:11px}.preview-content{padding:15px;font-size:10px}}.premium-banner-wrapper{position:relative;width:100%;min-height:700px;height:100%;display:flex;align-items:center;justify-content:center;perspective:2500px;perspective-origin:50% 50%;--mouse-x: .5;--mouse-y: .5;--rotate-x: 0deg;--rotate-y: 0deg;padding:60px 20px}.banner-scene{position:relative;width:100%;max-width:520px;height:100%;min-height:650px;transform-style:preserve-3d;transform:rotateX(var(--rotate-x)) rotateY(var(--rotate-y));transition:transform .2s ease-out;display:flex;align-items:center;justify-content:center}.depth-layer{position:absolute;width:100%;height:100%;top:0;left:0;transform-style:preserve-3d;pointer-events:none;display:flex;align-items:center;justify-content:center}.layer-1{transform:translateZ(-150px);opacity:.05}.layer-2{transform:translateZ(-75px);opacity:.08}.layer-3{transform:translateZ(0);z-index:5}.layer-4{transform:translateZ(75px)}.layer-5{transform:translateZ(40px);opacity:.15}.floating-orb{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#3b82f633,#9333ea14);filter:blur(60px);animation:orbFloat 15s ease-in-out infinite;opacity:.01}.orb-1{width:250px;height:250px;top:10%;left:10%;animation-delay:0s}.orb-2{width:200px;height:200px;top:60%;right:15%;background:radial-gradient(circle at 30% 30%,#ec48990d,#ef444405);animation-delay:2s}.orb-3{width:180px;height:180px;bottom:15%;left:50%;background:radial-gradient(circle at 30% 30%,#22c55e0d,#3b82f605);animation-delay:4s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-40px) scale(1.1)}66%{transform:translate(-40px,50px) scale(.9)}}.geometric-shape{position:absolute;width:80px;height:80px;opacity:.03;animation:shapeRotate 20s linear infinite}.shape-cube{top:20%;left:15%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);animation-delay:0s}.shape-pyramid{top:65%;left:70%;background:linear-gradient(135deg,#f59e0b,#ef4444);clip-path:polygon(50% 0%,100% 100%,0% 100%);animation-delay:3s}.shape-sphere{top:45%;right:10%;background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:50%;animation-delay:6s}@keyframes shapeRotate{0%{transform:rotate(0) translateY(0)}50%{transform:rotate(180deg) translateY(-30px)}to{transform:rotate(360deg) translateY(0)}}.card-stack-3d{position:relative;width:100%;max-width:380px;height:580px;margin:0 auto;transform-style:preserve-3d;animation:stackBreathe 8s ease-in-out infinite}@keyframes stackBreathe{0%,to{transform:rotateY(-5deg) rotateX(3deg)}50%{transform:rotateY(5deg) rotateX(-3deg)}}.resume-card-3d{position:absolute;width:100%;height:100%;min-height:600px;max-height:650px;background:#fff;border-radius:16px;padding:32px;box-shadow:0 20px 50px #00000026;transform-style:preserve-3d;overflow:hidden;border:1px solid rgba(226,232,240,.8);background-image:linear-gradient(135deg,#fff,#f8fafc),radial-gradient(circle at top right,rgba(37,99,235,.03) 0%,transparent 50%);transition:opacity .5s ease,transform .5s ease}.card-single{transform:translateZ(0) scale(1);opacity:0;pointer-events:none;animation:cardFloat 6s ease-in-out infinite;box-shadow:0 25px 60px #1a806340,0 10px 25px #00000026,0 0 0 1px #ffffff80}.card-single.active{opacity:1;pointer-events:auto;z-index:10}.card-single.hidden{opacity:0;pointer-events:none;transform:translateZ(-50px) scale(.95)}.card-back,.card-middle,.card-front{display:none}@keyframes cardFloat{0%,to{transform:translateZ(0) translateY(0) scale(1)}50%{transform:translateZ(15px) translateY(-8px) scale(1.01)}}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.02) 0%,transparent 70%);opacity:0;animation:glowPulse 4s ease-in-out infinite;pointer-events:none}.primary-glow{background:radial-gradient(circle,rgba(26,128,99,.03) 0%,transparent 70%);opacity:.05}@keyframes glowPulse{0%,to{opacity:.05;transform:scale(1)}50%{opacity:.15;transform:scale(1.1)}}.preview-header{display:flex;gap:10px;margin-bottom:18px;border-bottom:2px solid transparent;-o-border-image:linear-gradient(90deg,#2563eb 0%,#3b82f6 50%,#2563eb 100%);border-image:linear-gradient(90deg,#2563eb,#3b82f6,#2563eb);border-image-slice:1;background:linear-gradient(135deg,rgba(37,99,235,.06) 0%,rgba(59,130,246,.03) 50%,transparent 100%);padding:14px;border-radius:10px 10px 0 0;min-height:90px}.preview-profile{width:55px;height:55px;border-radius:10px;background:linear-gradient(135deg,#2563eb,#1d4ed8);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #2563eb59,0 0 0 2px #2563eb1a,inset 0 1px #fff3;position:relative;overflow:hidden}.preview-profile:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:profileShine 3s ease-in-out infinite}@keyframes profileShine{0%,to{transform:translate(-100%) translateY(-100%) rotate(45deg)}50%{transform:translate(100%) translateY(100%) rotate(45deg)}}.preview-avatar{font-size:20px;font-weight:800;color:#fff;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.2);position:relative;z-index:1}.preview-info{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0;overflow:hidden;justify-content:center}.preview-name{font-size:16px;font-weight:800;background:linear-gradient(135deg,#1e40af,#2563eb,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;line-height:1.3;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-title{font-size:11px;font-weight:700;color:#2563eb;margin:0;line-height:1.4;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-contact{display:flex;flex-direction:column;gap:3px;margin-top:4px}.preview-contact span{font-size:9px;color:#475569;font-weight:600;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-body{display:flex;flex-direction:column;gap:16px;overflow:hidden}.preview-section{display:flex;flex-direction:column;gap:8px;min-height:60px}.preview-section-title{font-size:10px;font-weight:800;color:#1e40af;text-transform:uppercase;letter-spacing:.8px;margin:0;padding:5px 8px;background:linear-gradient(135deg,#2563eb1a,#1e40af0d);border-left:2.5px solid #2563eb;border-radius:3px;line-height:1.4}.section-icon{font-size:10px}.preview-content{padding-left:10px;display:flex;flex-direction:column;gap:3px}.preview-job-title,.preview-degree{font-size:11px;font-weight:700;color:#0f172a;margin:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-company,.preview-school{font-size:10px;color:#64748b;font-weight:600;margin:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-duration{font-size:9px;color:#94a3b8;font-weight:600;margin:0;font-style:italic;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-skills-list{display:flex;flex-wrap:wrap;gap:3px;padding-left:8px}.skill-item{display:inline-block;padding:2px 5px;background:#1e293b;color:#e2e8f0;font-size:6px;font-weight:600;border-radius:3px;box-shadow:0 1px 3px #1e293b4d;letter-spacing:.2px;line-height:1.2;transition:all .3s ease;position:relative;overflow:hidden;white-space:nowrap}.skill-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.skill-item:hover:before{left:100%}.card-header{display:flex;gap:15px;margin-bottom:25px;min-height:80px;align-items:center}.profile-circle{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#1a8063,#10b981);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #1a80634d;animation:profileGlow 3s ease-in-out infinite}@keyframes profileGlow{0%,to{box-shadow:0 8px 20px #1a80634d}50%{box-shadow:0 8px 30px #1a806380,0 0 40px #1a806333}}.profile-icon{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.header-lines{flex:1;display:flex;flex-direction:column;gap:10px;justify-content:center;min-width:0;overflow:hidden}.typing-field{display:flex;align-items:center;min-height:36px;padding:10px 14px;background:linear-gradient(90deg,#1a80631a,#1a80630d);border-radius:6px;border-left:3px solid #1A8063}.typing-text{font-size:14px;font-weight:600;color:#1f2937;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.4}.cursor-blink{font-size:18px;color:#1a8063;margin-left:2px;font-weight:700;animation:blink 1s step-start infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.field-label{font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.8px;font-weight:700;margin-left:10px;margin-top:2px}.line{height:12px;border-radius:6px;background:linear-gradient(90deg,#e5e7eb,#f3f4f6);position:relative;overflow:hidden}.line:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(26,128,99,.3),transparent);animation:shimmer 2.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.line-name{width:60%}.line-title{width:45%;height:10px}.card-body{display:flex;flex-direction:column;gap:20px}.editing-section{background:linear-gradient(135deg,#1a80630d,#3b82f60d);padding:12px;border-radius:8px;border:2px dashed rgba(26,128,99,.3);position:relative;overflow:hidden}.editing-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(26,128,99,.1),transparent);animation:editSweep 3s ease-in-out infinite}@keyframes editSweep{0%{left:-100%}to{left:100%}}.edit-indicator{display:flex;align-items:center;gap:6px;margin-bottom:10px;animation:editPulse 2s ease-in-out infinite}@keyframes editPulse{0%,to{opacity:1}50%{opacity:.7}}.edit-icon{font-size:14px}.edit-text{font-size:11px;color:#1a8063;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.content-line{display:flex;align-items:center;margin-bottom:6px;position:relative}.line-content{height:8px;width:85%;background:linear-gradient(90deg,#1a8063,#10b981);border-radius:4px;position:relative;overflow:hidden}.line-content:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:contentShimmer 2s ease-in-out infinite}@keyframes contentShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.line-content.short{width:60%;background:linear-gradient(90deg,#3b82f6,#60a5fa)}.typing-line .line-content{animation:lineGrow 3s ease-in-out infinite}@keyframes lineGrow{0%{width:0%}50%{width:85%}to{width:85%}}.line-cursor{width:2px;height:12px;background:#1a8063;margin-left:4px;animation:cursorBlink 1s step-start infinite}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.section-block{display:flex;flex-direction:column;gap:8px}.section-title{font-size:12px;font-weight:700;color:#1a8063;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;opacity:1}.block-line{height:8px;border-radius:4px;background:linear-gradient(90deg,#f3f4f6,#e5e7eb);position:relative;overflow:hidden}.block-line.short{width:70%}.block-line-text{font-size:12px;font-weight:500;color:#1f2937;line-height:1.6;margin-bottom:8px;padding:4px 0;opacity:.9}.block-line.editing-highlight{background:linear-gradient(90deg,#1a806333,#3b82f633);animation:highlightPulse 2s ease-in-out infinite;box-shadow:0 0 10px #1a80634d}@keyframes highlightPulse{0%,to{box-shadow:0 0 10px #1a80634d;transform:scaleX(1)}50%{box-shadow:0 0 20px #1a806380;transform:scaleX(1.02)}}.holographic-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:holographicMove 6s linear infinite;pointer-events:none}@keyframes holographicMove{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.premium-badge{position:absolute;bottom:20px;right:20px;background:linear-gradient(135deg,#10b981,#059669);padding:8px 14px;border-radius:16px;display:flex;align-items:center;gap:5px;box-shadow:0 4px 15px #10b98166;animation:badgeFloat 3s ease-in-out infinite;z-index:20}@keyframes badgeFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(1deg)}}.badge-icon{font-size:14px;font-weight:700;color:#fff}.badge-text{font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2)}.particle-3d{position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,#1a806380,#3b82f640);box-shadow:0 0 8px #1a806366;animation:particleRise linear infinite}@keyframes particleRise{0%{transform:translateY(0) translateZ(0) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-500px) translateZ(100px) scale(1);opacity:0}}.energy-wave{position:absolute;top:50%;left:50%;width:200px;height:200px;border:1px solid transparent;border-radius:50%;transform:translate(-50%,-50%);animation:waveExpand 5s ease-out infinite;opacity:0}.wave-1{animation-delay:0s}.wave-2{animation-delay:1.5s}.wave-3{animation-delay:3s}@keyframes waveExpand{0%{width:200px;height:200px;opacity:.3}to{width:500px;height:500px;opacity:0}}.light-beam{position:absolute;width:2px;height:150%;background:linear-gradient(to bottom,transparent 0%,rgba(26,128,99,.4) 50%,transparent 100%);animation:beamSweep 10s linear infinite;transform-origin:top center}.beam-1{left:30%;animation-delay:0s}.beam-2{left:50%;animation-delay:3s}.beam-3{left:70%;animation-delay:6s}@keyframes beamSweep{0%{transform:translateY(-100%) rotate(0);opacity:0}50%{opacity:.6}to{transform:translateY(0) rotate(5deg);opacity:0}}.cyber-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(26,128,99,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(26,128,99,.03) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite;opacity:.3}@keyframes gridMove{0%{background-position:0 0}to{background-position:50px 50px}}@media (max-width: 1024px){.premium-banner-wrapper{perspective:1800px;min-height:600px;padding:30px 20px}.banner-scene{max-width:420px;min-height:550px}.card-stack-3d{max-width:380px;height:500px}.floating-orb{filter:blur(40px);opacity:.1}.orb-1{width:200px;height:200px}.orb-2{width:160px;height:160px}.orb-3{width:140px;height:140px}.geometric-shape{opacity:.04}.particle-3d{display:none}.preview-name{font-size:17px}.preview-title{font-size:11px}}@media (max-width: 768px){.premium-banner-wrapper{perspective:1500px;min-height:300px;max-height:320px;height:auto;padding:10px 15px;margin-top:0}.banner-scene{max-width:280px;min-height:280px;height:auto}.card-stack-3d{max-width:260px;height:310px}.resume-card-3d{padding:16px;overflow:hidden;min-height:unset;max-height:300px}.profile-circle{width:40px;height:40px}.profile-icon{font-size:18px}.floating-icon{font-size:24px;display:none}.geometric-shape{width:60px;height:60px;display:none}.floating-orb,.particle-3d{display:none}.card-back{transform:translateZ(-60px) translateY(30px) scale(.82);opacity:.6;filter:blur(1px)}.card-middle{transform:translateZ(-30px) translateY(15px) scale(.9);opacity:.8;filter:blur(.5px)}.card-front{transform:translateZ(0) translateY(0) scale(1)}.layer-1{opacity:.1}.layer-2{opacity:.15}.layer-5{opacity:.3}.preview-header{gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:2px solid #2563eb}.preview-profile{width:38px;height:38px;border-radius:8px}.preview-avatar{font-size:16px}.preview-name{font-size:12px}.preview-title{font-size:9px}.preview-contact span{font-size:7px}.preview-body{gap:6px}.preview-section-title{font-size:8px;padding:3px 6px;border-left:2px solid #2563eb}.preview-job-title,.preview-degree{font-size:9px}.preview-company,.preview-school{font-size:8px}.preview-duration{font-size:7px}.skill-item{padding:2px 6px;font-size:7px}.preview-skills-list{gap:3px;padding-left:6px}.card-header{gap:8px;margin-bottom:10px;min-height:50px}.card-body{gap:8px}}@media (max-width: 480px){.premium-banner-wrapper{perspective:2000px;margin-top:0;padding:5px 12px;min-height:280px;max-height:300px;height:auto}.banner-scene{max-width:250px;min-height:270px;height:auto}.card-stack-3d{width:min(250px,72vw);height:290px;top:50%}.resume-card-3d{padding:14px;overflow:hidden;min-height:unset;max-height:280px}.premium-badge{padding:6px 12px;bottom:12px;right:12px}.badge-icon{font-size:12px}.badge-text{font-size:10px}.floating-orb{opacity:.6!important;filter:blur(40px)}.glow-effect{opacity:.5!important}.light-beam,.energy-wave,.geometric-shape{display:none}.card-back{transform:translateZ(-70px) scale(.78);opacity:.8;filter:blur(0px)}.card-middle{transform:translateZ(-35px) scale(.86);opacity:.9;filter:blur(0px)}.card-front{transform:translateZ(8px) scale(1)}.cyber-grid{opacity:.1}.particle-3d{display:none}.preview-header{gap:8px;margin-bottom:8px;padding:8px;min-height:50px}.preview-profile{width:36px;height:36px;border-radius:8px}.preview-avatar{font-size:14px}.preview-name{font-size:11px}.preview-title{font-size:8px}.preview-contact{gap:2px}.preview-contact span{font-size:7px}.preview-body{gap:6px}.preview-section{gap:4px;min-height:40px}.preview-section-title{font-size:8px;padding:3px 6px;border-left:2px solid #2563eb}.preview-content{padding-left:8px;gap:2px}.preview-job-title,.preview-degree{font-size:9px}.preview-company,.preview-school{font-size:8px;margin-bottom:1px}.preview-duration{font-size:7px}.preview-skills-list{gap:3px;padding-left:8px}.skill-item{padding:2px 6px;font-size:7px}.card-header{gap:8px;margin-bottom:8px;min-height:40px}.card-body{gap:6px}.profile-circle{width:34px;height:34px}.profile-icon{font-size:16px}}@media (max-width: 375px){.premium-banner-wrapper{min-height:250px;max-height:270px;height:auto;padding:5px 10px;perspective:1800px;margin-top:0}.banner-scene{max-width:230px;min-height:240px;height:auto}.card-stack-3d{width:min(230px,70vw);height:260px}.resume-card-3d{padding:12px;min-height:unset;max-height:250px}.profile-circle{width:30px;height:30px}.profile-icon{font-size:14px}.typing-field{padding:4px 8px;min-height:22px}.typing-text{font-size:9px}.card-header{gap:6px;margin-bottom:8px;min-height:35px}.card-body{gap:6px}.card-back{transform:translateZ(-60px) translateY(25px) scale(.82);opacity:.75;filter:blur(.6px)}.card-middle{transform:translateZ(-30px) translateY(12px) scale(.9);opacity:.85;filter:blur(.3px)}.card-front{transform:translateZ(5px) scale(1)}.preview-header{gap:6px;margin-bottom:6px;padding:6px;min-height:40px}.preview-profile{width:30px;height:30px}.preview-avatar{font-size:12px}.preview-name{font-size:10px}.preview-title{font-size:7px}.preview-contact span{font-size:6px}.preview-body{gap:5px}.preview-section{gap:3px;min-height:30px}.preview-section-title{font-size:7px;padding:2px 5px;border-left:2px solid #2563eb;letter-spacing:.5px}.section-icon{display:none}.preview-content{padding-left:8px;gap:2px}.preview-job-title,.preview-degree{font-size:8px}.preview-company,.preview-school{font-size:7px}.preview-duration{font-size:6px}.preview-skills-list{gap:3px;padding-left:6px}.skill-item{padding:2px 5px;font-size:6px}}.preview-header-clean{margin-bottom:22px;padding-bottom:18px;border-bottom:3px solid #1A8063}.preview-name-section{margin-bottom:10px}.preview-name-large{font-size:32px;font-weight:800;color:#0f172a;margin:0 0 6px;line-height:1.2;letter-spacing:.5px;text-transform:uppercase}.preview-title-large{font-size:17px;font-weight:600;color:#1a8063;margin:0;line-height:1.4}.preview-contact-section{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.contact-text{font-size:12px;color:#475569;font-weight:500}.contact-divider{font-size:12px;color:#cbd5e1;font-weight:600}.preview-summary{margin-bottom:22px}.summary-title{font-size:14px;font-weight:800;color:#1a8063;margin:0 0 8px;letter-spacing:.8px;text-transform:uppercase}.summary-text{font-size:13px;color:#334155;line-height:1.7;margin:0;padding:16px;background:linear-gradient(135deg,#1a80630d,#1a806305);border-radius:8px;border-left:4px solid #1A8063}.preview-section-clean{margin-bottom:22px}.section-title-clean{font-size:15px;font-weight:800;color:#0f172a;margin:0 0 12px;letter-spacing:.8px;text-transform:uppercase;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.premium-banner-wrapper .skills-grid{display:flex;flex-wrap:wrap;gap:6px}.premium-banner-wrapper .skill-badge{display:inline-block;padding:4px 10px;background:#1e293b;color:#e2e8f0;font-size:9px;font-weight:600;border-radius:4px;box-shadow:0 1px 4px #1e293b40;letter-spacing:.2px;transition:all .3s ease}.premium-banner-wrapper .skill-badge:hover{transform:translateY(-1px);box-shadow:0 3px 8px #1e293b59}.education-item{margin-bottom:14px}.edu-degree{font-size:14px;font-weight:700;color:#1e293b;margin:0 0 4px;line-height:1.4}.edu-school{font-size:12px;color:#64748b;font-weight:600;margin:0;line-height:1.4}@media (max-width: 768px){.banner-scene{max-width:420px}.resume-card-3d{padding:24px;min-height:520px}.preview-name-large{font-size:26px}.preview-title-large{font-size:15px}.contact-text{font-size:11px}.summary-text{font-size:12px}.section-title-clean{font-size:13px}.premium-banner-wrapper .skill-badge{padding:3px 8px;font-size:8px}.edu-degree{font-size:13px}}@media (max-width: 480px){.banner-scene{max-width:340px}.resume-card-3d{padding:20px;min-height:480px}.preview-header-clean{margin-bottom:18px;padding-bottom:14px}.preview-name-large{font-size:22px}.preview-title-large{font-size:13px}.preview-contact-section{gap:6px}.contact-text,.contact-divider{font-size:10px}.preview-summary{margin-bottom:18px}.summary-title{font-size:12px}.summary-text{font-size:11px;padding:14px}.preview-section-clean{margin-bottom:18px}.section-title-clean{font-size:12px;margin-bottom:10px}.edu-degree{font-size:12px}.edu-school{font-size:11px}.premium-banner-wrapper .skill-badge{padding:2px 6px;font-size:7px;gap:5px}}@media (max-width: 320px){.premium-banner-wrapper{min-height:440px;padding:18px 8px;perspective:1500px}.banner-scene{max-width:260px;min-height:400px}.card-stack-3d{width:min(255px,90vw);height:380px}.resume-card-3d{padding:12px;min-height:360px}.preview-name{font-size:12px}.preview-title{font-size:9px}.preview-contact span{font-size:7px}.preview-section-title{font-size:8px}.preview-job-title,.preview-degree{font-size:9px}.skill-item{padding:3px 6px;font-size:7px}}@media (max-width: 768px){.premium-banner-wrapper,.banner-scene,.resume-card-3d{will-change:auto}.floating-orb,.geometric-shape,.particle-3d,.light-beam,.energy-wave{animation-duration:0s!important;animation:none!important}}@media (prefers-reduced-motion: reduce){.premium-banner-wrapper *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mobile-banner-static{display:none}.desktop-only-banner{display:flex}@media (max-width: 768px){.desktop-only-banner{display:none!important}.mobile-banner-static{display:flex;justify-content:center;align-items:center;padding:20px 16px 10px;width:100%}.mobile-resume-card{width:100%;max-width:240px;background:#fff;border-radius:16px;padding:24px 18px;box-shadow:0 8px 32px #1a806326,0 2px 8px #00000014;border:1px solid rgba(26,128,99,.12);position:relative;overflow:hidden}.mobile-resume-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1a8063,#16a085,#1a8063)}.mobile-card-header{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.mobile-profile-circle{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ecfdf5,#d1fae5);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;border:2px solid #1A8063}.mobile-header-info h3{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 2px;letter-spacing:.3px}.mobile-header-info p{font-size:12px;color:#1a8063;margin:0;font-weight:500}.mobile-card-body{display:flex;flex-direction:column;gap:14px}.mobile-section h4{font-size:10px;font-weight:700;color:#1a8063;margin:0 0 8px;letter-spacing:1px;text-transform:uppercase}.mobile-skills{display:flex;flex-wrap:wrap;gap:6px}.mobile-skills span{background:#ecfdf5;color:#1a8063;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;border:1px solid rgba(26,128,99,.15)}.mobile-line{height:8px;background:#f1f5f9;border-radius:4px;margin-bottom:6px}.mobile-line.short{width:65%}.mobile-badge{position:absolute;bottom:12px;right:12px;background:linear-gradient(135deg,#1a8063,#16a085);color:#fff;padding:3px 8px;border-radius:12px;font-size:9px;font-weight:600;display:flex;align-items:center;gap:3px;opacity:.9}}.counter-animation{display:inline-flex;align-items:center;justify-content:center;font-weight:700;position:relative;overflow:hidden;min-width:60px;text-align:center;line-height:1}.counter-animation:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%);transform:translate(-100%);animation:shimmer 3s ease-in-out;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}.counter-animation{transition:all .1s ease-out}.stat-number{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:40px}.stat-number:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(102,126,234,.3) 50%,transparent 70%);transform:translate(-100%) skew(-20deg);animation:numberGlow 2.5s ease-in-out;pointer-events:none}@keyframes numberGlow{0%{transform:translate(-100%) skew(-20deg);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(200%) skew(-20deg);opacity:0}}@media (max-width: 768px){.counter-animation{min-width:50px;font-size:.9em}.stat-number{min-height:35px}}@media (max-width: 480px){.counter-animation{min-width:45px;font-size:.85em}.stat-number{min-height:30px}}.pricing-page{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(16,185,129,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.15) 0%,transparent 50%),linear-gradient(135deg,#0a0e27,#1a1f3a,#0f172a);padding:90px 30px 60px;position:relative;overflow-x:hidden;width:100%}.pricing-page:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(16,185,129,.05) 1px,transparent 1px),radial-gradient(circle at 75% 75%,rgba(59,130,246,.05) 1px,transparent 1px);background-size:50px 50px;opacity:.5;animation:patternMove 20s linear infinite;pointer-events:none}@keyframes patternMove{0%{background-position:0 0,25px 25px}to{background-position:50px 50px,75px 75px}}.pricing-container{max-width:1400px;width:100%;margin:0 auto;padding:0 20px}.pricing-header{text-align:center;margin-bottom:50px;animation:fadeInDown .6s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.pricing-title{font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,#10b981,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;letter-spacing:-1.5px;position:relative;display:inline-block;filter:drop-shadow(0 4px 20px rgba(16,185,129,.4));animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{filter:drop-shadow(0 4px 20px rgba(16,185,129,.4))}50%{filter:drop-shadow(0 4px 30px rgba(59,130,246,.6))}}.pricing-title:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:140px;height:5px;background:linear-gradient(90deg,#10b981,#3b82f6,#8b5cf6);border-radius:10px;box-shadow:0 2px 10px #10b98180;animation:underlineGlow 2s ease-in-out infinite}@keyframes underlineGlow{0%,to{box-shadow:0 2px 10px #10b98180}50%{box-shadow:0 2px 20px #3b82f6cc}}.pricing-subtitle{font-size:1.3rem;color:#cbd5e1;font-weight:400;max-width:600px;margin:0 auto;text-shadow:0 2px 10px rgba(0,0,0,.3);line-height:1.6}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:50px;max-width:100%;margin-left:auto;margin-right:auto}.pricing-card{background:linear-gradient(135deg,#fffffffa,#fffffff2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;overflow:hidden;position:relative;cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px #00000040,inset 0 1px #fff9;display:flex;flex-direction:column;border:3px solid rgba(255,255,255,.2);animation:fadeInUp .6s ease-out backwards;transform:scale(.96)}.pricing-card:nth-child(1){animation-delay:.1s}.pricing-card:nth-child(2){animation-delay:.2s}.pricing-card:nth-child(3){animation-delay:.3s}.pricing-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#10b98126,#3b82f61a);opacity:0;transition:opacity .5s ease;border-radius:24px;pointer-events:none}.pricing-card:after{content:"";position:absolute;top:50%;left:50%;width:300px;height:300px;background:radial-gradient(circle,rgba(16,185,129,.2) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);transition:transform .5s ease;border-radius:50%;pointer-events:none;opacity:0}.pricing-card:hover{transform:translateY(-12px) scale(.98);box-shadow:0 25px 70px #10b98166,0 10px 30px #0000004d,inset 0 1px #fffc;border-color:#10b98199}.pricing-card:hover:before{opacity:1}.pricing-card:hover:after{opacity:1;transform:translate(-50%,-50%) scale(1)}.pricing-card.selected{border-color:#10b981;background:linear-gradient(135deg,#fff,#f0fdf4fa);box-shadow:0 25px 70px #10b98199,0 0 0 4px #10b98133,inset 0 1px #fff;transform:scale(1.08)!important;z-index:10}.pricing-card.selected:before{opacity:.6}.pricing-card.selected:hover{transform:translateY(-12px) scale(1.1)!important;box-shadow:0 30px 80px #10b981b3,0 0 0 5px #10b9814d,inset 0 1px #fff}.pricing-card.popular{transform:scale(1.05);border-color:#ffd70099;box-shadow:0 15px 50px #ffd7004d;z-index:10}.pricing-card.popular:hover{transform:translateY(-8px) scale(1.06)}.pricing-card.popular:not(.selected){transform:scale(.96);z-index:1}.popular-badge{position:absolute;top:12px;right:20px;background:linear-gradient(135deg,gold,orange);color:#000;padding:6px 12px;border-radius:16px;font-weight:900;font-size:.65rem;display:flex;align-items:center;gap:5px;z-index:20;box-shadow:0 4px 12px #ffd70099,0 0 0 2px #fff;letter-spacing:1.2px;border:2px solid rgba(255,255,255,1);text-shadow:0 1px 2px rgba(0,0,0,.15)}@keyframes popularBadgePulse{0%,to{transform:scale(1);box-shadow:0 6px 20px #ffd700b3,0 0 0 3px #fffc}50%{transform:scale(1.08);box-shadow:0 8px 30px #ffd700e6,0 0 0 4px #fff}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.selected-badge{position:absolute;top:12px;left:12px;z-index:20;animation:checkmarkPop .4s cubic-bezier(.68,-.55,.265,1.55);filter:drop-shadow(0 2px 6px rgba(16,185,129,.4))}.current-plan-badge{position:absolute;top:12px;right:12px;z-index:20;display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:5px 12px;border-radius:20px;font-size:.7rem;font-weight:800;letter-spacing:1px;box-shadow:0 2px 8px #10b98166;animation:checkmarkPop .4s cubic-bezier(.68,-.55,.265,1.55)}.pricing-card.current-plan{border:3px solid #10b981;cursor:default;transform:none!important;z-index:1!important;box-shadow:0 8px 24px #10b98133,0 0 0 2px #10b9811a,inset 0 1px #fff;background:linear-gradient(135deg,#fff,#f0fdf4fa)}.pricing-card.current-plan.popular,.pricing-card.current-plan.selected{transform:none!important;z-index:1!important;border-color:#10b981;box-shadow:0 8px 24px #10b98133,0 0 0 2px #10b9811a,inset 0 1px #fff}.pricing-card.current-plan:hover{transform:translateY(-4px)!important;box-shadow:0 12px 32px #10b9814d,0 0 0 3px #10b98126,inset 0 1px #fff}.has-active-plan .pricing-card.selected:not(.current-plan){transform:scale(1.05)!important;z-index:10;border-color:#10b981;box-shadow:0 20px 60px #10b98180,0 0 0 4px #10b98133,inset 0 1px #fff}.has-active-plan .pricing-card.selected:not(.current-plan):hover{transform:translateY(-8px) scale(1.07)!important}.pricing-card.downgrade{opacity:.5;cursor:not-allowed;filter:grayscale(.3)}.pricing-card.downgrade:hover{transform:none;box-shadow:none}@keyframes checkmarkPop{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.plan-icon-wrapper{display:flex;align-items:center;justify-content:center;padding:48px 20px 20px;position:relative}.plan-icon-wrapper svg{filter:drop-shadow(0 8px 16px rgba(0,0,0,.25));transition:all .5s cubic-bezier(.68,-.55,.265,1.55)}.pricing-card:hover .plan-icon-wrapper svg{transform:scale(1.2) rotate(8deg);filter:drop-shadow(0 12px 24px rgba(16,185,129,.4))}.plan-header{text-align:center;padding:0 20px 20px;border-bottom:2px solid transparent;background:linear-gradient(to right,transparent 0%,rgba(16,185,129,.1) 50%,transparent 100%) bottom;background-size:100% 2px;background-repeat:no-repeat}.plan-name{font-size:1.85rem;font-weight:900;color:#0f172a;margin-bottom:16px;letter-spacing:-.5px}.plan-pricing{margin-top:12px}.price-display{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;margin-bottom:6px}.original-price{display:flex;align-items:baseline;gap:2px;text-decoration:line-through;opacity:.5}.original-price .currency{font-size:.9rem;font-weight:600;color:#64748b}.original-price .price-amount{font-size:1.3rem;font-weight:700;color:#64748b;line-height:1}.current-price{display:flex;align-items:baseline;gap:4px}.current-price .currency{font-size:1.3rem;font-weight:700;color:#0f172a}.current-price .price-amount{font-size:2.5rem;font-weight:900;color:#0f172a;line-height:1;letter-spacing:-1px}.currency{font-size:1.3rem;font-weight:700;color:#0f172a}.price-amount{font-size:2.5rem;font-weight:900;color:#0f172a;line-height:1;letter-spacing:-1px}.price-duration{font-size:.85rem;color:#64748b;font-weight:500}.price-loading{height:60px;display:flex;align-items:center;justify-content:center}.loading-shimmer{width:150px;height:40px;background:linear-gradient(90deg,#e2e8f04d,#e2e8f099,#e2e8f04d);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.plan-features{padding:20px;flex:1}.features-list{list-style:none;padding:0;margin:0}.feature-item{display:flex;align-items:center;gap:12px;padding:12px 10px;border-bottom:1px solid rgba(0,0,0,.05);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border-radius:8px}.feature-item:last-child{border-bottom:none}.feature-item:before{content:"";position:absolute;left:0;width:4px;height:0;background:linear-gradient(135deg,#10b981,#3b82f6);transition:height .3s cubic-bezier(.4,0,.2,1);border-radius:2px;box-shadow:0 0 10px #10b98180}.feature-item:hover:before{height:70%}.feature-item:hover{padding-left:16px;background:linear-gradient(90deg,#10b98114,#3b82f60d);transform:translate(4px)}.feature-text{font-size:.9rem;color:#1e293b;font-weight:500;flex:1;line-height:1.5;transition:color .3s ease}.feature-item:hover .feature-text{color:#0f172a;font-weight:600}.feature-item.excluded .feature-text{color:#cbd5e1;opacity:.7}.feature-status{flex-shrink:0;display:flex;align-items:center}.feature-status svg{transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.feature-item:hover .feature-status svg{transform:scale(1.2) rotate(10deg)}.pricing-footer{text-align:center;padding:30px 20px 0;animation:fadeInUp .8s ease-out .5s backwards}.promo-code-section{max-width:520px;margin:0 auto 28px;animation:fadeInUp .6s ease-out .6s backwards}.promo-code-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;color:#64748b;font-size:.95rem;font-weight:600}.promo-code-header svg{color:#f59e0b}.promo-code-input-wrapper{display:flex;gap:0;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000014,0 0 0 1px #0000000f;background:#fff;transition:box-shadow .3s ease}.promo-code-input-wrapper:focus-within{box-shadow:0 4px 24px #6366f133,0 0 0 2px #6366f14d}.promo-code-input{flex:1;border:none;outline:none;padding:14px 20px;font-size:1rem;font-weight:600;letter-spacing:1.5px;background:transparent;color:#1e293b;font-family:Inter,sans-serif}.promo-code-input::-moz-placeholder{color:#94a3b8;font-weight:500;letter-spacing:.5px}.promo-code-input::placeholder{color:#94a3b8;font-weight:500;letter-spacing:.5px}.promo-code-input:disabled{background:#f8fafc;color:#64748b}.promo-apply-btn{border:none;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding:14px 28px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;white-space:nowrap;letter-spacing:.5px}.promo-apply-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca)}.promo-apply-btn:disabled{opacity:.7;cursor:not-allowed}.promo-apply-btn.applying{background:linear-gradient(135deg,#818cf8,#6366f1)}.promo-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #fff;border-radius:50%;animation:spin-payment .8s linear infinite}.promo-remove-btn{border:none;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:14px 24px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;white-space:nowrap}.promo-remove-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.promo-success-banner{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 18px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #6ee7b7;border-radius:12px;animation:promoSlideIn .4s ease-out}@keyframes promoSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.promo-success-icon{flex-shrink:0}.promo-success-details{display:flex;align-items:center;gap:10px;flex:1}.promo-code-tag{background:#10b981;color:#fff;padding:3px 10px;border-radius:6px;font-size:.8rem;font-weight:800;letter-spacing:1px}.promo-discount-text{color:#047857;font-size:.9rem;font-weight:700}.promo-price-breakdown{display:flex;align-items:center;gap:8px;flex-shrink:0}.promo-original-price{color:#94a3b8;text-decoration:line-through;font-size:.9rem;font-weight:500}.promo-final-price{color:#059669;font-size:1.2rem;font-weight:800}.proceed-payment-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:0 70px;height:70px;border-radius:20px;font-size:1.3rem;font-weight:800;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 15px 40px #10b98199,0 0 0 4px #10b98133;text-transform:uppercase;letter-spacing:2px;display:inline-flex;align-items:center;justify-content:center;gap:16px;position:relative;overflow:hidden;margin-bottom:20px;border:2px solid rgba(255,255,255,.2)}.proceed-payment-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}.proceed-payment-btn:hover:before{left:100%}.proceed-payment-btn:hover:not(.disabled){transform:translateY(-6px) scale(1.08);box-shadow:0 20px 50px #10b981cc,0 0 0 6px #10b9814d;background:linear-gradient(135deg,#059669,#047857)}.proceed-payment-btn:active:not(.disabled){transform:translateY(-2px) scale(1.02)}.proceed-payment-btn.disabled{background:linear-gradient(135deg,#94a3b8,#64748b);cursor:not-allowed;opacity:.6;box-shadow:none}.proceed-payment-btn svg{flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.proceed-payment-btn .spinner{width:12px!important;height:12px!important;border:1.5px solid transparent!important;border-top:1.5px solid currentColor!important;border-radius:50%;animation:spin-payment 1s linear infinite;flex-shrink:0}@keyframes spin-payment{to{transform:rotate(360deg)}}@media (max-width: 1200px){.pricing-title{font-size:2.2rem}.plan-name{font-size:1.6rem}.price-amount{font-size:2.2rem}.feature-text{font-size:.85rem}}@media (max-width: 768px){.pricing-page{padding:80px 20px 40px}.pricing-page:before{background-size:30px 30px}.pricing-container{padding:0 16px}.pricing-header{margin-bottom:40px}.pricing-title{font-size:2.5rem;letter-spacing:-1px;margin-bottom:14px}.pricing-title:after{width:100px;height:4px}.pricing-subtitle{font-size:1.1rem;line-height:1.5}.pricing-cards{grid-template-columns:1fr;gap:20px;max-width:500px;margin:0 auto 40px}.pricing-card,.pricing-card.popular,.pricing-card.selected,.pricing-card.current-plan{transform:none!important;z-index:1!important}.pricing-card.selected{z-index:2!important;border-color:#10b981;box-shadow:0 8px 24px #10b98159,0 0 0 3px #10b98126}.has-active-plan .pricing-card.selected:not(.current-plan){transform:scale(1.02)!important;z-index:2!important;border-color:#10b981;box-shadow:0 8px 24px #10b98159,0 0 0 3px #10b98126}.pricing-card:hover,.pricing-card.selected:hover{transform:translateY(-4px)!important}.plan-name{font-size:1.5rem}.price-amount{font-size:2.5rem}.currency{font-size:1.3rem}.feature-text{font-size:.9rem}.proceed-payment-btn{padding:0 40px;height:60px;font-size:1rem}.promo-code-section{max-width:420px}.promo-code-input{padding:12px 16px;font-size:.9rem}.promo-apply-btn,.promo-remove-btn{padding:12px 20px;font-size:.85rem}.promo-success-banner{flex-wrap:wrap;gap:8px;padding:10px 14px}.promo-price-breakdown{width:100%;justify-content:flex-end}.payment-info-section{margin-top:50px;padding:50px 0;border-radius:24px}.payment-info-container{padding:0 20px}.payment-info-header h2{font-size:2rem}.payment-info-header .payment-icon{width:60px;height:60px}.payment-info-grid{grid-template-columns:1fr;gap:20px}.payment-info-card{padding:28px}.secure-payment-banner{flex-direction:column;text-align:center;padding:36px 24px;border-radius:20px}.secure-payment-banner .secure-icon{width:70px;height:70px}.secure-payment-banner .secure-content h3{font-size:1.6rem}.secure-payment-banner .secure-content p{font-size:.95rem}.need-help-section{padding:28px}.need-help-section p{flex-direction:column;gap:10px}}@media (max-width: 968px){.pricing-page{height:auto;padding:90px 16px 40px;overflow-y:auto}.pricing-container{height:auto}.pricing-title{font-size:2rem}.pricing-subtitle{font-size:.95rem}.pricing-cards{grid-template-columns:1fr;gap:20px;max-width:500px;margin:0 auto 30px}.pricing-card.popular,.pricing-card{transform:none!important;z-index:1}.pricing-card.selected{z-index:2;border-color:#10b981;box-shadow:0 8px 24px #10b98159,0 0 0 3px #10b98126}.pricing-card:hover{transform:translateY(-4px)!important}.plan-icon-wrapper{padding:20px 16px 12px}.plan-icon-wrapper svg{width:40px;height:40px}.plan-name{font-size:1.5rem}.price-amount{font-size:2.2rem}.proceed-payment-btn{width:100%;max-width:400px;padding:14px 32px;font-size:1rem}}@media (max-width: 480px){.pricing-page{padding:80px 14px 30px}.pricing-container{padding:0 12px}.pricing-header{margin-bottom:35px}.pricing-title{font-size:1.75rem;letter-spacing:-.5px;margin-bottom:12px}.pricing-subtitle{font-size:.95rem;line-height:1.4}.pricing-cards{gap:18px;margin-bottom:30px}.pricing-card{border-radius:16px}.plan-icon-wrapper{padding:16px 14px 10px}.plan-icon-wrapper svg{width:36px;height:36px}.plan-name{font-size:1.4rem;margin-bottom:4px}.plan-tagline{font-size:.8rem}.price-amount{font-size:2rem}.currency{font-size:1.1rem}.price-period{font-size:.8rem}.feature-text{font-size:.85rem}.feature-item{padding:8px 6px}.proceed-payment-btn{padding:12px 28px;font-size:.95rem}.promo-code-section{max-width:100%}.promo-code-input-wrapper{border-radius:12px}.promo-code-input{padding:11px 14px;font-size:.85rem;letter-spacing:1px}.promo-apply-btn,.promo-remove-btn{padding:11px 16px;font-size:.8rem}.promo-success-details{flex-direction:column;align-items:flex-start;gap:4px}.promo-final-price{font-size:1.05rem}.popular-badge{font-size:.6rem;padding:4px 10px;gap:4px;letter-spacing:1px}}@media (max-width: 375px){.pricing-page{padding:75px 12px 25px}.pricing-container{padding:0 10px}.pricing-header{margin-bottom:30px}.pricing-title{font-size:1.5rem;letter-spacing:-.3px;margin-bottom:10px}.pricing-title:after{width:90px;height:3px}.pricing-subtitle{font-size:.875rem;line-height:1.4}.pricing-cards{gap:16px;margin-bottom:25px}.pricing-card{border-radius:14px;padding:0}.plan-icon-wrapper{padding:14px 12px 8px}.plan-icon-wrapper svg{width:32px;height:32px}.plan-name{font-size:1.25rem;margin-bottom:3px}.plan-tagline{font-size:.75rem}.plan-header{padding:14px 16px}.price-amount{font-size:1.75rem}.currency{font-size:1rem}.price-period{font-size:.75rem}.plan-features{padding:16px}.feature-text{font-size:.8rem;line-height:1.3}.feature-item{padding:7px 5px}.plan-footer{padding:16px}.proceed-payment-btn{padding:11px 24px;font-size:.875rem}.popular-badge{font-size:.55rem;padding:3px 8px;top:10px;right:10px;gap:3px;letter-spacing:.8px}}@media (min-width: 969px) and (max-width: 1200px){.pricing-cards{gap:20px}.feature-item{padding:7px 6px}}.pricing-page::-webkit-scrollbar{width:8px}.pricing-page::-webkit-scrollbar-track{background:#0f172a80}.pricing-page::-webkit-scrollbar-thumb{background:#10b98180;border-radius:4px}.pricing-page::-webkit-scrollbar-thumb:hover{background:#10b981b3}.payment-info-section{margin-top:80px;padding:80px 0;background:#0f172a66;border-radius:32px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 40px #0003;position:relative;overflow:hidden}.payment-info-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(16,185,129,.02) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(59,130,246,.02) 1px,transparent 1px);background-size:40px 40px;opacity:.5;pointer-events:none}.payment-info-container{max-width:1200px;margin:0 auto;padding:0 30px}.payment-info-header{text-align:center;margin-bottom:50px;animation:fadeInDown .6s ease-out}.payment-info-header .payment-icon{width:72px;height:72px;margin:0 auto 24px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #10b98166,0 0 0 3px #10b98126;border:2px solid rgba(255,255,255,.2)}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.payment-info-header .payment-icon svg{stroke:#fff}.payment-info-header h2{font-size:2.8rem;font-weight:900;color:#fff;margin-bottom:16px;text-shadow:0 2px 10px rgba(16,185,129,.3);letter-spacing:-1px}.payment-subtitle{font-size:1.15rem;color:#cbd5e1;max-width:700px;margin:0 auto;line-height:1.7;text-shadow:0 2px 8px rgba(0,0,0,.3)}.payment-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-bottom:40px}.payment-info-card{background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:36px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000001a;animation:fadeInUp .6s ease-out backwards;border:1px solid rgba(255,255,255,.2);overflow:hidden}.payment-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#059669);transform:scaleX(0);transition:transform .4s ease;transform-origin:left}.payment-info-card:hover:before{transform:scaleX(1)}.payment-info-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #10b98133,0 4px 15px #00000026;border-color:#10b9814d}.payment-info-card .card-icon{width:56px;height:56px;background:linear-gradient(135deg,#10b981,#059669);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 6px 20px #10b98166,inset 0 -2px #0000001a;transition:all .3s ease}.payment-info-card:hover .card-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 30px #10b98199,inset 0 -2px #0000001a}.payment-info-card .card-icon svg{stroke:#fff}.payment-info-card h3{font-size:1.6rem;font-weight:800;color:#0f172a;margin-bottom:24px;letter-spacing:-.5px}.payment-methods-list{list-style:none;padding:0;margin:0}.payment-methods-list li{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid rgba(0,0,0,.06);transition:all .3s ease;position:relative}.payment-methods-list li:before{content:"";position:absolute;left:0;width:3px;height:0;background:linear-gradient(135deg,#10b981,#3b82f6);transition:height .3s ease;border-radius:2px}.payment-methods-list li:hover:before{height:100%}.payment-methods-list li:hover{padding-left:10px;background:linear-gradient(90deg,rgba(16,185,129,.05) 0%,transparent 100%)}.payment-methods-list li:last-child{border-bottom:none}.payment-methods-list li svg{flex-shrink:0;margin-top:2px;stroke:#10b981}.payment-methods-list li span{color:#475569;font-size:.95rem;line-height:1.6}.payment-methods-list li strong{color:#1e293b;font-weight:600}.secure-payment-banner{background:linear-gradient(135deg,#10b981,#059669);border-radius:24px;padding:50px;display:flex;align-items:center;gap:36px;margin-bottom:40px;box-shadow:0 15px 50px #10b98180,0 0 0 4px #10b98133,inset 0 -4px #0000001a;animation:fadeInUp .6s ease-out backwards;animation-delay:.2s;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.2)}.secure-payment-banner:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:bannerShine 4s linear infinite}@keyframes bannerShine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.secure-payment-banner .secure-icon{flex-shrink:0;width:90px;height:90px;background:#ffffff40;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px #0003,inset 0 2px #fff6;animation:iconPulse 2s ease-in-out infinite;border:3px solid rgba(255,255,255,.3)}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.secure-payment-banner .secure-icon svg{stroke:#fff}.secure-payment-banner .secure-content h3{font-size:2rem;font-weight:900;color:#fff;margin-bottom:12px;text-shadow:0 2px 10px rgba(0,0,0,.2);letter-spacing:-.5px}.secure-payment-banner .secure-content p{font-size:1.05rem;color:#fffffff2;line-height:1.6;margin:0}.need-help-section{text-align:center;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:36px;border:2px solid rgba(255,255,255,.15);animation:fadeInUp .6s ease-out backwards;animation-delay:.3s;box-shadow:0 8px 24px #0003,inset 0 1px #ffffff1a}.need-help-section h3{font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:18px;letter-spacing:-.5px}.need-help-section p{font-size:1.1rem;color:#94a3b8;margin:0;display:flex;align-items:center;justify-content:center;gap:8px}.need-help-section a{color:#10b981;text-decoration:none;font-weight:700;transition:all .3s ease;position:relative;padding-bottom:2px}.need-help-section a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#10b981,#3b82f6);transition:width .3s ease}.need-help-section a:hover:after{width:100%}.need-help-section a:hover{color:#059669;transform:translateY(-2px)}@media (max-width: 768px){.payment-info-section:before{background-size:25px 25px}}.profile-page{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0f172a);padding:80px 20px 40px;width:100%;overflow-x:hidden}.profile-container{max-width:1400px;margin:0 auto;width:100%}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#fff}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#10b981;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:20px}.profile-header{margin-bottom:40px;text-align:center}.profile-title{font-size:2.5rem;font-weight:800;color:#fff;margin:0;letter-spacing:-.5px}.profile-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;width:100%}.profile-card{background:#fffffffa;border-radius:16px;padding:30px;box-shadow:0 10px 40px #0003;margin-bottom:20px;animation:fadeInUp .5s ease-out;width:100%;min-width:0}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #f1f5f9}.card-header h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.refresh-stats-btn{background:linear-gradient(135deg,#1a8063,#16a085);color:#fff;border:none;padding:10px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #1a806333}.refresh-stats-btn:hover{transform:rotate(180deg) scale(1.1);box-shadow:0 4px 12px #1a80634d}.refresh-stats-btn:active{transform:rotate(180deg) scale(.95)}.refresh-stats-btn svg{display:block}.refresh-stats-btn.spinning svg{animation:spin-refresh 1s linear infinite}@keyframes spin-refresh{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.edit-btn{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.edit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #10b9814d}.user-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:25px}.user-avatar-large{width:150px;height:150px;border-radius:50%;overflow:hidden;border:4px solid #10b981;box-shadow:0 5px 20px #10b9814d;margin-bottom:20px}.user-avatar-large img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fff}.photo-upload-section{text-align:center;width:100%}.photo-upload-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.photo-upload-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #10b98166}.photo-upload-btn svg{stroke:currentColor}.photo-upload-hint{font-size:.75rem;color:#64748b;margin-top:8px;margin-bottom:0}.info-group{margin-bottom:20px}.info-group label{display:block;font-size:.85rem;font-weight:600;color:#64748b;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.info-group input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;color:#1e293b;transition:all .3s ease;background:#f8fafc}.info-group input:focus{outline:none;border-color:#10b981;background:#fff;box-shadow:0 0 0 3px #10b9811a}.info-group p{font-size:1rem;color:#1e293b;font-weight:500;margin:0;padding:8px 0}.current-value{font-size:.85rem;color:#64748b;font-style:italic;margin-top:6px}.input-with-button{display:flex;gap:10px;align-items:center}.input-with-button input{flex:1}.update-btn{padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.update-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #3b82f64d}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{flex:1;padding-right:50px}.toggle-password-btn{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;padding:4px;transition:all .2s ease}.toggle-password-btn:hover{color:#10b981;transform:scale(1.1)}.toggle-password-btn svg{width:20px;height:20px}.email-display{color:#3b82f6;font-weight:600}.verified-badge{display:inline-flex;align-items:center;gap:4px;background:#dcfce7;color:#059669;padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:600;margin-top:6px}.edit-actions{display:flex;gap:12px;margin-top:25px;padding-top:20px;border-top:2px solid #f1f5f9}.cancel-btn,.save-btn{flex:1;padding:12px 24px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.cancel-btn{background:#f1f5f9;color:#64748b}.cancel-btn:hover{background:#e2e8f0}.save-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.save-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #10b9814d}.skill-count{background:#e0f2fe;color:#0369a1;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.skill-input-wrapper{position:relative;margin-bottom:20px}.skill-input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;color:#1e293b;transition:all .3s ease;background:#f8fafc}.skill-input:focus{outline:none;border-color:#10b981;background:#fff;box-shadow:0 0 0 3px #10b9811a}.skill-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #10b981;border-radius:10px;margin-top:4px;max-height:250px;overflow-y:auto;box-shadow:0 10px 30px #00000026;z-index:100}.skill-suggestion-item{padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f1f5f9}.skill-suggestion-item:last-child{border-bottom:none}.skill-suggestion-item:hover{background:linear-gradient(90deg,rgba(16,185,129,.1) 0%,transparent 100%);color:#059669;font-weight:600}.skills-container{display:flex;flex-wrap:wrap;gap:10px}.skill-tag{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:8px 14px;border-radius:20px;font-size:.9rem;font-weight:600;transition:all .3s ease}.skill-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.remove-skill-btn{background:#fff3;border:none;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;line-height:1;transition:all .2s ease}.remove-skill-btn:hover{background:#ffffff4d;transform:scale(1.1)}.no-skills{color:#94a3b8;font-style:italic;margin:0}.password-change-section{animation:fadeIn .3s ease-out}.reset-password-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:14px 20px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px}.reset-password-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ef44444d}.reset-password-btn.btn-disabled,.reset-password-btn:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.reset-password-btn.btn-disabled:hover,.reset-password-btn:disabled:hover{transform:none;box-shadow:none}.password-section-locked{position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.password-section-locked .info-group label{opacity:.5}.password-section-locked input.input-locked,.password-section-locked input:disabled{background:#f1f5f9;color:#94a3b8;cursor:pointer;opacity:.7;border-color:#e2e8f0}.password-section-locked .toggle-password-btn:disabled{opacity:.4;cursor:pointer}.password-unavailable-badge{display:inline-flex;align-items:center;padding:4px 10px;background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.25);border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.02em}.plan-card{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0}.plan-badge{padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.plan-badge-free{background:#f1f5f9;color:#64748b}.plan-badge-silver{background:linear-gradient(135deg,#6b7280,#9ca3af);color:#fff}.plan-badge-gold{background:linear-gradient(135deg,gold,orange);color:#000}.plan-badge-platinum{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff}.plan-badge-inactive{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:2px solid #ef4444;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.7}}.plan-details{display:flex;flex-direction:column;gap:16px}.plan-detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border-radius:10px;border-left:4px solid #10b981}.detail-label{font-size:.9rem;color:#64748b;font-weight:600}.detail-value{font-size:.95rem;color:#1e293b;font-weight:700}.detail-value.active{color:#059669}.detail-value.inactive{color:#ef4444}.transaction-id{font-family:Courier New,monospace;font-size:.85rem;background:#e0f2fe;padding:4px 8px;border-radius:6px}.upgrade-plan-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:16px 20px;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:20px}.upgrade-plan-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #10b98166}.usage-stats{display:flex;flex-direction:column;gap:20px}.usage-item{padding:16px;background:#f8fafc;border-radius:10px}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.usage-label{font-size:.9rem;color:#64748b;font-weight:600}.usage-value{font-size:.95rem;color:#1e293b;font-weight:700}.usage-bar{height:8px;background:#e2e8f0;border-radius:10px;overflow:hidden}.usage-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:10px;transition:width .5s ease}.features-list{display:flex;flex-direction:column;gap:12px}.feature-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;transition:all .3s ease}.feature-item.enabled{background:#dcfce7;border-left:4px solid #059669}.feature-item.disabled{background:#fee2e2;border-left:4px solid #dc2626;opacity:.6}.feature-icon{font-size:1.2rem;font-weight:700}.feature-item.enabled .feature-icon{color:#059669}.feature-item.disabled .feature-icon{color:#dc2626}.feature-name{font-size:.95rem;color:#1e293b;font-weight:600}.account-info{display:flex;flex-direction:column;gap:12px}.info-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f1f5f9}.info-row:last-child{border-bottom:none}.info-label{font-size:.9rem;color:#64748b;font-weight:600}.info-value{font-size:.9rem;color:#1e293b;font-weight:600}.user-id{font-family:Courier New,monospace;font-size:.8rem;background:#f1f5f9;padding:4px 8px;border-radius:6px}@media (max-width: 1024px){.profile-content{grid-template-columns:1fr}.profile-page{padding:70px 16px 32px}}@media (max-width: 768px){.profile-page{padding:80px 15px 30px}.profile-title{font-size:2rem}.profile-card{padding:20px}.card-header h2{font-size:1.3rem}.user-avatar{width:100px;height:100px}.edit-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}}@media (max-width: 480px){.profile-title{font-size:1.7rem}.card-header{flex-direction:column;align-items:flex-start;gap:10px}.skill-tag{font-size:.85rem;padding:6px 12px}}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-content{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000080;max-width:500px;width:100%;border:1px solid rgba(0,0,0,.1);animation:modalSlideIn .3s ease-out;position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;position:relative}.modal-header h2{font-size:1.5rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.modal-close{background:#fff3;border:none;color:#fff;font-size:1.8rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;line-height:1;position:absolute;right:20px;top:50%;transform:translateY(-50%);flex-shrink:0}.modal-close:hover:not(:disabled){background:#ffffff4d;transform:translateY(-50%) rotate(90deg)}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:28px;background:#fff}.modal-body p{color:#64748b}.modal-body .form-group{margin-bottom:0}.modal-body .form-group label{display:block;font-size:.95rem;font-weight:600;color:#1e293b;margin-bottom:8px}.modal-body .form-group input{width:100%;padding:12px 16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:1rem;transition:all .2s}.modal-body .form-group input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.modal-body .form-group input:disabled{opacity:.5;cursor:not-allowed;background:#f1f5f9}.modal-footer{display:flex;gap:12px;padding:20px 28px;border-top:1px solid #e5e7eb;background:#f8fafc;border-radius:0 0 16px 16px}.modal-footer .btn-secondary,.modal-footer .btn-primary{flex:1;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;justify-content:center;gap:8px}.modal-footer .btn-secondary{background:#e5e7eb;color:#475569}.modal-footer .btn-secondary:hover:not(:disabled){background:#d1d5db;transform:translateY(-1px)}.modal-footer .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.modal-footer .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.modal-footer .btn-primary:disabled,.modal-footer .btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}.input-with-button{display:flex;gap:12px;align-items:center}.input-with-button .email-display{flex:1}.input-with-button .update-btn{padding:8px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.input-with-button .update-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b9814d}.input-with-button .update-btn.disabled,.input-with-button .update-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}@media (max-width: 640px){.modal-content{max-width:calc(100% - 40px)}.modal-header,.modal-body,.modal-footer{padding-left:20px;padding-right:20px}.modal-header h2{font-size:1.3rem}.modal-footer{flex-direction:column}.input-with-button{flex-direction:column;align-items:stretch}.input-with-button .update-btn{width:100%}}.blog-page{min-height:100vh;background:#fff;color:#1a1a1a;padding:70px 0 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.blog-header{width:100%;background:#fafafa;border-bottom:1px solid #e5e7eb;padding:40px 40px 30px;text-align:center}.blog-title{font-size:32px;font-weight:700;color:#111827;margin:0 0 16px;line-height:1.3;letter-spacing:-.3px}.blog-intro{font-size:15px;line-height:1.7;color:#4b5563;max-width:800px;margin:0 auto 16px;text-align:center}.promo-banner{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:8px 16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px}.promo-icon{font-size:16px}.promo-text{font-size:14px;color:#374151;margin:0}.promo-text strong{color:#059669}.promo-code{display:inline-block;padding:2px 8px;background:#059669;color:#fff;font-weight:700;border-radius:4px;letter-spacing:.5px;margin:0 4px;font-size:13px}.signup-link{color:#2563eb;font-weight:600;text-decoration:none;margin-left:4px}.signup-link:hover{text-decoration:underline}.blog-layout{display:grid;grid-template-columns:160px 1fr 160px;gap:0;max-width:1400px;margin:0 auto}.blog-adsense-left,.blog-adsense-right{background:#fafafa;border-right:1px solid #f3f4f6;min-height:600px;position:sticky;top:70px;height:calc(100vh - 70px);padding:20px 10px}.blog-adsense-right{border-right:none;border-left:1px solid #f3f4f6}.blog-adsense-mobile-top,.blog-adsense-mobile-bottom{display:none;width:100%;min-height:90px;max-height:250px;background:#fafafa;border:1px solid #e5e7eb;border-radius:4px;margin:16px auto;padding:8px;max-width:728px}.blog-main-content{max-width:780px;margin:0 auto;padding:40px 32px 60px}.blog-content-wrapper{background:#fff;border-radius:0;padding:0;border:none;box-shadow:none}.blog-body{font-size:16px;line-height:1.8;color:#374151}.blog-body p{margin:0 0 16px;color:#374151}.blog-body ul{margin:0 0 16px;padding-left:24px}.blog-body ul li{margin-bottom:8px;color:#4b5563;line-height:1.7}.blog-body strong{color:#111827;font-weight:600}.blog-body h2,.section-heading{font-size:24px;font-weight:700;color:#111827;margin:40px 0 16px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.blog-body h3{font-size:18px;font-weight:600;color:#1f2937;margin:28px 0 12px}.blog-body h4{font-size:16px;font-weight:600;color:#374151;margin:16px 0 8px}.blog-section-content{margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.blog-section-content:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.content-block{background:#f9fafb;border-left:3px solid #d1d5db;padding:14px 18px;margin:16px 0;border-radius:4px}.content-block h4{margin-top:0;margin-bottom:8px;color:#1f2937}.flow-list{margin:20px 0}.flow-item{background:#f9fafb;border-left:3px solid #9ca3af;padding:12px 18px;margin:12px 0;border-radius:4px}.flow-item strong{display:block;color:#111827;font-size:16px;margin-bottom:4px}.flow-item p{margin:0;color:#4b5563;font-size:14px}.insight-group{background:#f9fafb;border-left:3px solid #9ca3af;padding:14px 18px;margin:16px 0;border-radius:4px}.insight-group h4{margin-top:0;color:#1f2937}.expert-quotes{margin:20px 0}.expert-quotes blockquote{background:#f9fafb;border-left:3px solid #6b7280;padding:16px 20px;margin:16px 0;border-radius:4px;font-style:italic}.expert-quotes blockquote p{margin:0 0 6px;color:#374151;font-size:15px}.expert-quotes cite{display:block;color:#6b7280;font-size:13px;font-style:normal;font-weight:600}.blog-body img{max-width:100%;height:auto;border-radius:6px;margin:16px 0;border:1px solid #e5e7eb}@media (max-width: 1024px){.blog-layout{grid-template-columns:1fr}.blog-adsense-left,.blog-adsense-right{display:none}.blog-adsense-mobile-top,.blog-adsense-mobile-bottom{display:block}.blog-main-content{padding:32px 24px 48px}}@media (max-width: 768px){.blog-page{padding-top:60px}.blog-header{padding:28px 20px 24px}.blog-title{font-size:24px}.blog-intro{font-size:14px}.blog-main-content{padding:24px 16px 40px}.blog-body{font-size:15px}.blog-body h2,.section-heading{font-size:20px}.blog-body h3{font-size:17px}.promo-banner{flex-direction:column;gap:4px;padding:10px 14px}.promo-text{font-size:13px;text-align:center}}@media (max-width: 480px){.blog-header{padding:20px 14px 18px}.blog-title{font-size:20px}.blog-main-content{padding:20px 12px 32px}.blog-body h2,.section-heading{font-size:18px}.content-block,.flow-item,.insight-group,.expert-quotes blockquote{padding:10px 14px}}.addon-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:10001;animation:addon-fadeIn .25s ease}@keyframes addon-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes addon-slideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.addon-modal{background:#fff;border-radius:20px;padding:32px;max-width:420px;width:92%;box-shadow:0 25px 60px #0000004d;position:relative;animation:addon-slideUp .3s ease forwards}.addon-modal-close{position:absolute;top:16px;right:16px;background:#f1f5f9;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s ease}.addon-modal-close:hover{background:#e2e8f0;color:#1e293b;transform:rotate(90deg)}.addon-header{text-align:center;margin-bottom:24px}.addon-icon{width:56px;height:56px;margin:0 auto 16px;background:#fef3c7;border-radius:50%;display:flex;align-items:center;justify-content:center}.addon-title{margin:0 0 8px;font-size:22px;font-weight:700;color:#0f172a}.addon-subtitle{margin:0;font-size:14px;color:#64748b;line-height:1.5}.addon-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:16px;padding:24px;text-align:center;position:relative;margin-bottom:24px}.addon-card-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#1e293b,#334155);color:#fff;font-size:11px;font-weight:700;padding:4px 16px;border-radius:20px;text-transform:uppercase;letter-spacing:1px}.addon-card-name{margin:8px 0 4px;font-size:18px;font-weight:700;color:#0f172a}.addon-card-desc{margin:0 0 20px;font-size:13px;color:#64748b}.addon-price-display{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:20px}.addon-original-price{display:flex;align-items:baseline;gap:2px;text-decoration:line-through;opacity:.5}.addon-original-price .addon-currency{font-size:.9rem;font-weight:600;color:#64748b}.addon-original-price .addon-price-amount{font-size:1.3rem;font-weight:700;color:#64748b}.addon-current-price{display:flex;align-items:baseline;gap:4px}.addon-current-price .addon-currency{font-size:1.3rem;font-weight:700;color:#0f172a}.addon-current-price .addon-price-amount{font-size:2.4rem;font-weight:900;color:#0f172a;line-height:1;letter-spacing:-1px}.addon-price-loading{height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.addon-shimmer{width:120px;height:32px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;border-radius:8px;animation:addon-shimmer 1.5s infinite}@keyframes addon-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.addon-buy-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:linear-gradient(135deg,#1e293b,#0f172a);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1e293b4d}.addon-buy-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #1e293b66}.addon-buy-btn:disabled{opacity:.7;cursor:not-allowed}.addon-footer{text-align:center;padding-top:20px;border-top:1px solid #e2e8f0}.addon-footer-text{margin:0 0 12px;font-size:13px;color:#94a3b8}.addon-plans-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:transparent;border:2px solid #1e293b;border-radius:10px;color:#1e293b;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.addon-plans-btn:hover{background:#1e293b;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #1e293b4d}.skeleton-card{pointer-events:none}.skeleton-wrapper{background:#f8f9fa;border-radius:12px;overflow:hidden}.skeleton-content{padding:24px 20px;display:flex;flex-direction:column;gap:16px;height:100%;min-height:320px}.skeleton-header{display:flex;flex-direction:column;gap:8px;align-items:center;padding-bottom:12px;border-bottom:1px solid #e9ecef}.skeleton-section{display:flex;flex-direction:column;gap:6px}.skeleton-line{height:10px;border-radius:4px;background:linear-gradient(90deg,#e9ecef 25%,#f1f3f5,#e9ecef 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton-name{width:55%;height:14px}.skeleton-title{width:40%;height:10px}.skeleton-contact{width:70%;height:8px;margin-top:4px}.skeleton-heading{width:35%;height:12px;margin-bottom:4px}.skeleton-subheading{width:50%;height:9px}.skeleton-text{width:90%;height:8px}.skeleton-text-short{width:60%;height:8px}.skeleton-name-bar{width:50%;height:12px;margin:8px auto}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.templates-gallery{min-height:100vh;padding:90px 40px 80px;background:#1e293b;background-attachment:fixed;position:relative;width:100%;overflow-x:hidden}.templates-gallery:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(26,128,99,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(22,160,133,.05) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(99,102,241,.03) 0%,transparent 70%);pointer-events:none;animation:pulse 10s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.85}}.templates-loading-screen{position:fixed;inset:0;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.loading-animation{text-align:center;animation:slideUp .5s ease-out}.spinner-container{position:relative;width:120px;height:120px;margin:0 auto 30px}.spinner-ring{position:absolute;border:3px solid transparent;border-top-color:#1a8063;border-right-color:#1a8063;border-radius:50%;animation:spinRing 1.5s linear infinite;top:50%;left:50%;transform-origin:center}.spinner-ring:nth-child(1){width:120px;height:120px;margin-left:-60px;margin-top:-60px;border-width:4px;animation-duration:.8s}.spinner-ring:nth-child(2){width:90px;height:90px;margin-left:-45px;margin-top:-45px;border-width:3px;border-top-color:#14b8a6;border-right-color:#14b8a6;animation-duration:1s;animation-delay:-.3s}.spinner-ring:nth-child(3){width:60px;height:60px;margin-left:-30px;margin-top:-30px;border-width:3px;border-top-color:#0d9488;border-right-color:#0d9488;animation-duration:1.2s;animation-delay:-.6s}.spinner-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;color:#1a8063;animation:logoScale 2s ease-in-out infinite}.spinner-logo svg{width:100%;height:100%;display:block}.loading-title{font-family:Poppins,sans-serif;font-size:24px;font-weight:600;color:#1e293b;margin-bottom:16px;letter-spacing:-.5px}.loading-dots{display:flex;gap:8px;justify-content:center;align-items:center;height:20px}.loading-dots span{width:8px;height:8px;background:#1a8063;border-radius:50%;display:inline-block;animation:bounce 1.4s infinite ease-in-out}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes logoScale{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(.95)}}@keyframes bounce{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-container{max-width:600px;margin:60px auto;text-align:center;padding:40px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000014;animation:fadeIn .5s ease-out}.loading-spinner{width:60px;height:60px;margin:0 auto 20px;border:4px solid #f3f4f6;border-top:4px solid #1A8063;border-radius:50%;animation:spin 1s linear infinite}.loading-text{color:#666;font-size:16px;margin:0}.error-container{max-width:800px;margin:60px auto;text-align:center;padding:40px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000014;animation:fadeIn .5s ease-out}.connection-details{text-align:left;margin-bottom:30px;padding:20px;background:#f8fafc;border-radius:12px;border-left:4px solid #ef4444}.connection-details h3{margin-top:0;color:#1f2937;font-size:18px;margin-bottom:15px}.connection-details ul{list-style:none;padding:0;margin:0 0 20px}.connection-details li{padding:8px 0;border-bottom:1px solid #e5e7eb;color:#4b5563}.connection-details li:last-child{border-bottom:none}.connection-details strong{color:#1f2937;margin-right:8px}.connection-details code{background:#fff;padding:2px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:13px;color:#1a8063}.troubleshooting{margin-top:20px;padding-top:20px;border-top:2px solid #e5e7eb}.troubleshooting h4{margin-top:0;color:#1f2937;font-size:16px;margin-bottom:12px}.troubleshooting ol{text-align:left;padding-left:20px;margin:0;color:#4b5563}.troubleshooting li{padding:6px 0;line-height:1.6}.retry-btn{padding:14px 32px;background:linear-gradient(135deg,#1a8063,#16a085);color:#fff;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #1a80634d}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1a806366}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.template-count{text-align:center;margin-bottom:30px}.template-count p{color:#666;font-size:16px;font-weight:500}.templates-hero{max-width:1600px;margin:0 auto 20px;padding:20px 0 30px;position:relative;z-index:1;overflow:hidden}.hero-background{position:absolute;inset:0;overflow:hidden;z-index:-1;opacity:.4}.hero-gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);animation:orbFloat 20s ease-in-out infinite}.orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(26,128,99,.3) 0%,transparent 70%);top:-200px;left:-100px;animation:orbFloat 15s ease-in-out infinite}.orb-2{width:350px;height:350px;background:radial-gradient(circle,rgba(22,160,133,.25) 0%,transparent 70%);bottom:-150px;right:-80px;animation:orbFloat 18s ease-in-out infinite reverse}.orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(16,185,129,.2) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:orbPulse 12s ease-in-out infinite}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-30px) scale(1.1)}66%{transform:translate(-30px,40px) scale(.9)}}@keyframes orbPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.4}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.6}}.hero-content{display:flex;align-items:center;justify-content:space-between;gap:80px;position:relative;z-index:2}.hero-left{flex:1;max-width:650px;animation:slideInLeft .8s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}.templates-gallery .hero-title{font-size:52px;font-weight:900;color:#fff;margin:0 0 20px;line-height:1.15;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-1.5px}.hero-title-highlight{display:block;background:linear-gradient(135deg,#1a8063,#16a085,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;animation:gradientShift 3s ease-in-out infinite;background-size:200% 200%}.templates-gallery .hero-subtitle{font-size:17px;color:#fff;opacity:.9;margin:0;line-height:1.7;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400}.hero-right{flex:1;display:flex;justify-content:center;align-items:center;animation:slideInRight .8s ease-out}.floating-cards{position:relative;width:220px;height:220px}.float-card{position:absolute;width:115px;height:160px;background:linear-gradient(135deg,#1a8063cc,#16a08599);border-radius:14px;box-shadow:0 12px 40px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1)}.float-card:before{content:"";position:absolute;top:12px;left:12px;right:12px;height:5px;background:#ffffff4d;border-radius:3px}.float-card:after{content:"";position:absolute;inset:25px 12px 12px;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 100%);border-radius:8px}.card-1{top:50%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);animation:float1 4s ease-in-out infinite;z-index:3}.card-2{top:50%;left:50%;transform:translate(-70%,-60%) rotate(-15deg);animation:float2 5s ease-in-out infinite;z-index:2;opacity:.7}.card-3{top:50%;left:50%;transform:translate(-30%,-40%) rotate(10deg);animation:float3 6s ease-in-out infinite;z-index:1;opacity:.5}@keyframes float1{0%,to{transform:translate(-50%,-50%) rotate(-8deg) translateY(0)}50%{transform:translate(-50%,-50%) rotate(-8deg) translateY(-20px)}}@keyframes float2{0%,to{transform:translate(-70%,-60%) rotate(-15deg) translateY(0)}50%{transform:translate(-70%,-60%) rotate(-15deg) translateY(-30px)}}@keyframes float3{0%,to{transform:translate(-30%,-40%) rotate(10deg) translateY(0)}50%{transform:translate(-30%,-40%) rotate(10deg) translateY(-25px)}}.hero-features-horizontal{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px;position:relative;z-index:2}.hero-feature-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#ffffff0d;border-radius:16px;border:1px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .6s ease-out backwards;box-shadow:none}.hero-feature-item:nth-child(1){animation-delay:.2s}.hero-feature-item:nth-child(2){animation-delay:.4s}.hero-feature-item:nth-child(3){animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-feature-item:hover{background:#ffffff1a;border-color:transparent;box-shadow:none;transform:translateY(-5px)}.feature-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a8063,#16a085);border-radius:12px;color:#fff;box-shadow:0 4px 12px #1a80634d;transition:transform .3s ease}.hero-feature-item:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-text{flex:1;display:flex;flex-direction:column;gap:6px}.feature-text strong{font-size:16px;font-weight:700;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.feature-text span{font-size:14px;color:#fff;opacity:.8;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.templates-grid{animation:slideInRight .8s ease-out;min-height:500px}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.templates-grid{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:40px 0;position:relative;z-index:1}.template-card{position:relative;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 4px 20px #00000014;transition:all .5s cubic-bezier(.4,0,.2,1);cursor:pointer;height:450px;border:1px solid rgba(226,232,240,.8)}.template-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #1a806326;border-color:#1a80634d}.templates-gallery .template-preview-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.templates-gallery .template-preview{width:794px!important;height:1123px!important;border:none;pointer-events:none;transform-origin:top left;display:block;position:absolute;top:0;left:0;overflow:hidden!important;transition:filter .4s ease}.templates-gallery .template-preview::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.templates-gallery .template-preview{scrollbar-width:none!important;-ms-overflow-style:none!important}.templates-gallery .template-preview body{overflow:hidden!important}.templates-gallery .template-preview-wrapper *{scrollbar-width:none!important;-ms-overflow-style:none!important}.templates-gallery .template-preview-wrapper *::-webkit-scrollbar{display:none!important}.template-preview-error{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#64748b;text-align:center;padding:20px}.template-preview-error .error-icon{font-size:48px;margin-bottom:12px;opacity:.6}.template-preview-error p{font-size:14px;font-weight:600;color:#475569;margin:0 0 8px}.template-preview-error small{font-size:12px;color:#94a3b8}.template-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;padding:30px;opacity:0;transition:opacity .4s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.template-card:hover .template-overlay{opacity:1}.use-template-btn{padding:16px 48px;background:linear-gradient(135deg,#1a8063,#16a085);color:#fff;border:none;border-radius:50px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:none;letter-spacing:.5px;box-shadow:0 10px 30px #1a80634d;position:relative;overflow:hidden;transform:scale(.95);animation:buttonPop .4s ease forwards .1s;white-space:nowrap}@keyframes buttonPop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.use-template-btn:hover{background:linear-gradient(135deg,#16a085,#1db88a);transform:scale(1.08);box-shadow:0 15px 40px #1a806366}.use-template-btn:active{transform:scale(1.02)}.plan-tier-badge{position:absolute;top:10px;right:10px;z-index:3;border-radius:18px;height:34px;display:flex;align-items:center;justify-content:center;padding:0 8px;box-shadow:0 2px 8px #00000026;border:2px solid rgba(255,255,255,.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden;white-space:nowrap;transition:padding .3s cubic-bezier(.4,0,.2,1),border-radius .3s ease}.plan-tier-badge .badge-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.plan-tier-badge .badge-label{max-width:0;opacity:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-left:0;transition:max-width .3s cubic-bezier(.4,0,.2,1),opacity .25s ease .05s,margin-left .3s ease;overflow:hidden}.template-card:hover .plan-tier-badge .badge-label{max-width:80px;opacity:1;margin-left:5px}.template-card:hover .plan-tier-badge{padding:0 12px 0 8px}.plan-tier-badge.silver{background:linear-gradient(135deg,silver,#a8a8a8);color:#2d3748}.plan-tier-badge.gold{background:linear-gradient(135deg,gold,orange);color:#2d3748}.plan-tier-badge.platinum{background:linear-gradient(135deg,#b794f6,#9370db);color:#fff}.plan-tier-badge svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.template-card.locked{border-color:#ffd7004d}.template-card.locked:hover{box-shadow:0 20px 60px #ffd70040;border-color:#ffd70080}.template-card.locked .template-preview{filter:grayscale(30%) brightness(.95)}.template-card.locked:hover .template-preview{filter:grayscale(10%) brightness(.98)}.use-template-btn.locked-btn{background:linear-gradient(135deg,gold,orange);box-shadow:0 10px 30px #ffd70066;display:flex;align-items:center;justify-content:center}.use-template-btn.locked-btn:hover{background:linear-gradient(135deg,orange,#ff8c00);transform:scale(1.08);box-shadow:0 15px 40px #ffa50080}@media (max-width: 1600px){.templates-grid{grid-template-columns:repeat(4,1fr);gap:25px}}@media (max-width: 1400px){.templates-grid{grid-template-columns:repeat(3,1fr);gap:25px}.templates-hero{padding:20px 0}}@media (max-width: 1200px){.templates-gallery{padding:20px 30px 70px}.templates-grid{grid-template-columns:repeat(3,1fr);gap:25px}.template-card{height:420px}.templates-gallery .hero-title{font-size:42px}.templates-gallery .hero-subtitle{font-size:16px}.hero-content{gap:40px}.hero-features-horizontal{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:50px}.hero-feature-item{padding:14px}.floating-cards{width:200px;height:200px}.float-card{width:105px;height:145px}.feature-text strong{font-size:14px}.feature-text span{font-size:13px}}@media (max-width: 968px){.hero-content{flex-direction:column;gap:40px;text-align:left}.hero-left{max-width:100%;animation:slideInTop .8s ease-out}@keyframes slideInTop{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.templates-hero{padding:20px 0}.templates-grid{grid-template-columns:repeat(2,1fr);gap:20px}.templates-gallery .hero-title{font-size:38px;text-align:center}.templates-gallery .hero-subtitle{font-size:16px;text-align:center}.hero-features-horizontal{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:40px}.hero-right{min-height:auto}.floating-cards{width:180px;height:180px}.float-card{width:95px;height:130px}}@media (max-width: 768px){.templates-gallery{padding:30px 20px 50px}.templates-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:30px 0}.template-card{height:400px}.templates-hero{margin-bottom:20px;padding:20px 0}.templates-gallery .hero-title{font-size:34px;letter-spacing:-.5px}.templates-gallery .hero-subtitle{font-size:15px}.hero-features-horizontal{grid-template-columns:1fr;gap:12px;margin-top:30px}.hero-feature-item{padding:12px}.floating-cards{display:none}.feature-icon{width:36px;height:36px}.feature-text strong{font-size:14px}.feature-text span{font-size:13px}.badge-item{font-size:14px;padding:10px 20px}.use-template-btn{padding:16px 45px;font-size:19px;letter-spacing:1.5px}}@media (max-width: 480px){.templates-gallery{padding:25px 15px 40px}.templates-grid{grid-template-columns:1fr;gap:30px;padding:20px 0}.template-card{max-width:100%;height:600px}.templates-hero{padding:15px 0}.templates-gallery .hero-title{font-size:28px;letter-spacing:-.5px}.templates-gallery .hero-subtitle{font-size:14px}.hero-features-horizontal{grid-template-columns:1fr;gap:10px;margin-top:25px}.hero-feature-item{padding:10px;gap:10px}.feature-icon{width:32px;height:32px}.feature-icon svg{width:16px;height:16px}.feature-text strong{font-size:13px}.feature-text span{font-size:12px}.hero-right{min-height:auto}.use-template-btn{padding:16px 40px;font-size:17px;letter-spacing:1.2px}.templates-pagination{flex-direction:row;gap:8px}.pagination-pages{gap:4px}.pagination-page-btn{width:32px;height:32px;font-size:12px}.pagination-btn{padding:6px 10px;font-size:12px}}.templates-header-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 0 8px;max-width:1400px;margin:0 auto;flex-wrap:wrap;gap:12px}.templates-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:6px}.control-label{font-size:13px;font-weight:600;color:#4b5563;white-space:nowrap}.control-select{padding:6px 28px 6px 10px;font-size:13px;border:1.5px solid #d1d5db;border-radius:8px;background-color:#fff;color:#374151;cursor:pointer;outline:none;transition:border-color .2s,box-shadow .2s;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.control-select:hover{border-color:#9ca3af}.control-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.templates-count{font-size:14px;color:#6b7280;margin:0}.rendering-progress{font-size:13px;color:#9ca3af;margin:0;font-style:italic}.templates-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:40px 0 20px;flex-wrap:wrap}.pagination-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#6366f1;color:#6366f1}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-pages{display:flex;align-items:center;gap:6px}.pagination-page-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-page-btn:hover{background:#f3f4f6;border-color:#6366f1}.pagination-page-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent;box-shadow:0 2px 8px #6366f14d}.pagination-dots{color:#9ca3af;padding:0 4px;font-size:14px}.lazy-template-container{width:100%;flex:1;position:relative;overflow:hidden;min-height:200px}.template-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:8px}.placeholder-text{font-size:12px;color:#adb5bd}.template-preview-loading{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f8f9fa}.preview-loading-spinner{width:24px;height:24px;border:3px solid #e9ecef;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}.template-preview-error{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f9fa;border-radius:8px;gap:8px;padding:20px;text-align:center}.template-preview-error .error-icon{color:#9ca3af}.template-preview-error p{font-size:13px;color:#6b7280;margin:0}.template-preview-error small{font-size:11px;color:#9ca3af}.template-preview-skeleton{width:100%;height:100%}.template-preview-skeleton .template-card{height:100%;box-shadow:none;border:none}.template-preview-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;border-radius:8px;display:block;background:#fff}.preview-loading-text{font-size:11px;color:#9ca3af;margin-top:8px}.my-files-container{max-width:1400px;margin:0 auto;padding:100px 2rem 3rem;min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#f0fdf4);position:relative;width:100%;overflow-x:hidden}.my-files-container:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(180deg,rgba(26,128,99,.03) 0%,transparent 100%);pointer-events:none}.my-files-header{margin-bottom:3rem;background:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 4px 16px #0000000f;border:1px solid rgba(226,232,240,.5);position:relative;overflow:hidden}.my-files-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1a8063,#10b981,#3b82f6)}.header-title{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.header-icon{width:32px;height:32px;color:#1a8063}.my-files-header h1{font-size:2rem;font-weight:700;color:#1a202c;margin:0}.my-files-header p{color:#718096;font-size:1rem;margin:0 0 0 48px}.files-expiry-note{display:flex;align-items:flex-start;gap:6px;margin-top:10px;margin-left:48px;background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:8px;padding:8px 12px;color:#92400e;font-size:.85rem;font-weight:500;max-width:-moz-fit-content;max-width:fit-content}.files-expiry-note svg{color:#f59e0b}.files-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2.5rem;padding:0;background:transparent;border-radius:0;box-shadow:none}.stat-card{display:flex;align-items:center;gap:1.25rem;padding:1.75rem;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;box-shadow:0 4px 12px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(226,232,240,.8)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#1a80634d}.stat-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:linear-gradient(135deg,#1a8063,#156b52);border-radius:14px;box-shadow:0 4px 12px #1a806340}.stat-info{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.875rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.75rem;color:#1a202c;font-weight:700;line-height:1}.stat-item{display:flex;align-items:center;gap:.5rem;color:#4a5568;font-size:.95rem}.stat-item strong{color:#1a8063;font-size:1.1rem;font-weight:600}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d}.spinner{border:4px solid #e2e8f0;border-top:4px solid #1A8063;border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-state p{color:#4a5568;font-size:1rem}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;border:2px dashed #cbd5e0;box-shadow:0 2px 8px #0000000d}.empty-icon{width:80px;height:80px;margin:0 auto 1.5rem;color:#cbd5e0;stroke-width:1.5}.empty-state h2{font-size:1.5rem;color:#2d3748;margin-bottom:.5rem;font-weight:600}.empty-state p{color:#718096;margin-bottom:2rem;font-size:1rem}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2rem;margin-bottom:0}.file-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 12px #0000000d,0 1px 3px #0000001a;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:1.75rem;border:1px solid rgba(226,232,240,.6);position:relative;overflow:visible;z-index:1}.file-card:has(.format-dropdown){z-index:9998}.file-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#1a8063,#10b981);opacity:0;transition:opacity .3s ease;border-radius:20px 20px 0 0}.file-card:hover:before{opacity:1}.file-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f,0 8px 16px #00000014;border-color:#1a806366}.file-header{display:flex;gap:1.25rem;align-items:center}.file-icon-wrapper{flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:16px;padding:.75rem;box-shadow:0 4px 12px #3b82f626;transition:all .3s ease}.file-card:hover .file-icon-wrapper{transform:scale(1.05) rotate(-3deg);box-shadow:0 6px 16px #3b82f640}.file-type-icon{width:100%;height:100%;filter:drop-shadow(0 2px 6px rgba(0,0,0,.15))}.file-main-info{flex:1;min-width:0;display:flex;align-items:flex-start;padding-top:.25rem}.file-name{font-size:1.1rem;font-weight:700;color:#1a202c;margin:0;line-height:1.4;letter-spacing:-.02em;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:3em}.template-badge{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-free{background:#e6fffa;color:#047857;border:1px solid #a7f3d0}.badge-bronze{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.badge-silver{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.badge-gold{background:#fef3c7;color:#78350f;border:1px solid #fcd34d}.badge-platinum{background:#f3e8ff;color:#6b21a8;border:1px solid #d8b4fe}.file-meta{display:flex;gap:2rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:14px;border:1px solid rgba(226,232,240,.8);box-shadow:inset 0 1px 2px #0000000d}.meta-item{display:flex;align-items:center;gap:.75rem;color:#475569;font-size:.9rem;font-weight:600}.meta-icon{width:20px;height:20px;flex-shrink:0;stroke-width:2.5;color:#1a8063}.file-actions{display:flex;gap:.625rem}.btn-action{flex:1;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem 1.25rem;border:none;border-radius:12px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.btn-action:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.btn-action:hover:before{width:300px;height:300px}.btn-action:active{transform:scale(.97)}.action-icon{width:18px;height:18px;stroke-width:2.5;position:relative;z-index:1}.btn-edit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-edit:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 16px #3b82f666;transform:translateY(-2px)}.btn-download{background:linear-gradient(135deg,#1a8063,#15715a);color:#fff}.btn-download:hover{background:linear-gradient(135deg,#15715a,#0f5540);box-shadow:0 4px 16px #1a806366;transform:translateY(-2px)}.btn-delete{flex:0 0 auto;min-width:52px;padding:.875rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;border:1px solid #fecaca;box-shadow:0 2px 8px #dc262626}.btn-delete:hover:not(:disabled){background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5;transform:translateY(-2px);box-shadow:0 4px 16px #dc26264d;color:#b91c1c}.btn-delete:disabled{opacity:.5;cursor:not-allowed;transform:none}.spinner-small{display:inline-block;width:18px;height:18px;border:2px solid #feb2b2;border-top:2px solid #c53030;border-radius:50%;animation:spin 1s linear infinite}.download-wrapper{position:relative;flex:1;z-index:1}.download-wrapper:has(.format-dropdown){z-index:9999}.dropdown-arrow{width:16px;height:16px;margin-left:.25rem;stroke-width:2.5;transition:transform .2s ease}.download-wrapper:hover .dropdown-arrow{transform:translateY(2px)}.format-dropdown{position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%);background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003,0 8px 16px #0000001f,0 0 0 1px #0000000d;overflow:hidden;z-index:10000;animation:dropdownSlide .3s cubic-bezier(.16,1,.3,1);min-width:300px;border:2px solid rgba(26,128,99,.1)}@keyframes dropdownSlide{0%{opacity:0;transform:translate(-50%) translateY(-16px) scale(.94)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.format-option{width:100%;display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;border:none;background:#fff;color:#2d3748;text-align:left;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-weight:600;font-size:.95rem;position:relative}.format-option:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#1a8063,#10b981);transform:scaleY(0);transition:transform .25s ease}.format-option:hover:before{transform:scaleY(1)}.format-option:hover{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#1a8063;padding-left:2rem}.format-option:not(:last-child){border-bottom:2px solid #f1f5f9}.format-option:active{transform:scale(.98);background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.format-icon-wrapper{width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#f1f5f999;border-radius:10px;transition:all .25s ease}.format-option:hover .format-icon-wrapper{background:#dcfce7cc;transform:scale(1.1) rotate(-5deg)}.format-icon-svg{width:36px;height:36px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.15));transition:transform .25s ease}.format-option:hover .format-icon-svg{transform:scale(1.05)}.format-text{display:flex;flex-direction:column;gap:.25rem;flex:1}.format-title{font-size:1rem;font-weight:700;color:#1a202c;line-height:1.3;letter-spacing:-.01em}.format-desc{font-size:.8rem;color:#64748b;font-weight:500;line-height:1.2}.format-option:hover .format-title{color:#1a8063}.format-option:hover .format-desc{color:#059669}.format-icon{font-size:1.25rem;display:flex;align-items:center;justify-content:center}.btn-primary{padding:.875rem 2rem;background:linear-gradient(135deg,#1a8063,#156b52);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #1a806340}.btn-primary:hover{background:linear-gradient(135deg,#156b52,#0f5540);transform:translateY(-2px);box-shadow:0 6px 16px #1a806359}.btn-secondary{padding:.75rem 1.5rem;background:#fff;color:#4a5568;border:2px solid #e2e8f0;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{border-color:#1a8063;color:#1a8063;transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.files-footer{display:flex;justify-content:center;padding:2rem 0}@media (max-width: 768px){.my-files-container{padding:80px 1.25rem 2rem}.my-files-header{padding:1.75rem;margin-bottom:2rem;border-radius:16px}.header-title{gap:.75rem}.header-icon{width:28px;height:28px}.my-files-header h1{font-size:1.5rem;line-height:1.3}.my-files-header p{font-size:.875rem;margin-left:40px;line-height:1.5}.files-expiry-note{margin-left:0;font-size:.8rem}.files-stats{grid-template-columns:1fr;gap:1rem;margin-top:1.75rem}.stat-card{padding:1.25rem;border-radius:12px}.stat-icon{width:44px;height:44px;border-radius:12px}.stat-value{font-size:1.5rem}.stat-label{font-size:.8rem}.files-grid{grid-template-columns:1fr;gap:1.25rem}.file-card{padding:1.5rem;border-radius:16px;gap:1.25rem}.file-card:hover{transform:translateY(-4px)}.file-icon-wrapper{width:48px;height:48px;border-radius:12px}.file-name{font-size:1rem}.file-meta{padding:1rem;gap:1rem;border-radius:10px;flex-wrap:wrap}.meta-item{font-size:.825rem;gap:.5rem}.meta-icon{width:16px;height:16px}.file-actions{flex-wrap:nowrap;gap:.5rem}.btn-action{padding:.75rem .875rem;font-size:.8rem;border-radius:10px}.btn-delete{flex:0 0 44px;min-width:44px;padding:.75rem}.action-icon{width:16px;height:16px}.format-dropdown{min-width:260px;border-radius:14px}.format-option{padding:1rem 1.25rem;gap:1rem}.format-icon-wrapper{width:36px;height:36px}.format-icon-svg{width:30px;height:30px}.empty-state{padding:3rem 1.5rem}.empty-state h2{font-size:1.25rem}.empty-state p{font-size:.875rem}}@media (max-width: 480px){.my-files-container{padding:72px .875rem 1.5rem}.my-files-header{padding:1.25rem;margin-bottom:1.5rem;border-radius:14px}.header-title{gap:.625rem}.header-icon{width:24px;height:24px}.my-files-header h1{font-size:1.25rem;line-height:1.2}.my-files-header p{font-size:.8rem;margin-left:0;margin-top:.25rem;line-height:1.4}.files-expiry-note{margin-left:0;font-size:.75rem;padding:6px 10px}.files-stats{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.25rem}.stat-card{padding:1rem;gap:.75rem;border-radius:10px;flex-direction:column;align-items:flex-start;text-align:left}.stat-icon{width:36px;height:36px;border-radius:10px;font-size:1.25rem}.stat-value{font-size:1.25rem}.stat-label{font-size:.7rem;letter-spacing:.3px}.files-grid{grid-template-columns:1fr;gap:1rem}.file-card{padding:1.25rem;gap:1rem;border-radius:14px}.file-card:hover{transform:translateY(-2px)}.file-header{gap:.875rem}.file-icon-wrapper{width:42px;height:42px;border-radius:10px;padding:.5rem}.file-name{font-size:.925rem;-webkit-line-clamp:2;line-clamp:2}.file-meta{flex-direction:column;gap:.5rem;padding:.75rem 1rem;border-radius:8px}.meta-item{font-size:.775rem;gap:.4rem}.meta-icon{width:14px;height:14px}.file-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}.btn-action{font-size:.75rem;padding:.65rem .5rem;border-radius:8px;gap:.3rem;box-shadow:0 2px 6px #00000014;justify-content:center}.download-wrapper{display:flex}.download-wrapper .btn-action{width:100%;flex:1}.btn-delete{flex:unset;min-width:unset;width:100%;padding:.65rem}.action-icon{width:14px;height:14px}.dropdown-arrow,.btn-edit .action-icon{display:none}.download-wrapper{position:static}.format-dropdown{position:fixed;inset:auto 0 0;transform:none;min-width:100%;border-radius:20px 20px 0 0;box-shadow:0 -10px 40px #0003;animation:dropdownSlideUp .3s cubic-bezier(.16,1,.3,1);z-index:10001;padding-bottom:env(safe-area-inset-bottom,16px)}@keyframes dropdownSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.format-option{padding:1.125rem 1.25rem;gap:1rem}.format-option:hover{padding-left:1.25rem}.format-icon-wrapper{width:40px;height:40px;border-radius:10px}.format-icon-svg{width:32px;height:32px}.format-title{font-size:.95rem}.format-desc{font-size:.75rem}.empty-state{padding:2.5rem 1.25rem;border-radius:14px}.empty-icon{width:64px;height:64px;margin-bottom:1rem}.empty-state h2{font-size:1.125rem}.empty-state p{font-size:.825rem;margin-bottom:1.5rem}.btn-primary{padding:.75rem 1.5rem;font-size:.875rem;border-radius:8px}.btn-secondary{padding:.625rem 1.25rem;font-size:.85rem}.files-footer{padding:1.5rem 0}}@media (max-width: 375px){.my-files-container{padding:68px .625rem 1.25rem}.my-files-header{padding:1rem;margin-bottom:1.25rem;border-radius:12px}.my-files-header:before{height:3px}.header-title{gap:.5rem}.header-icon{width:22px;height:22px}.my-files-header h1{font-size:1.125rem;line-height:1.2}.my-files-header p{font-size:.75rem;margin-top:.25rem}.files-expiry-note{font-size:.7rem;padding:5px 8px;margin-top:8px;border-radius:6px}.files-stats{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem}.stat-card{padding:.75rem;gap:.5rem;border-radius:8px}.stat-icon{width:30px;height:30px;border-radius:8px;font-size:1rem}.stat-value{font-size:1.1rem}.stat-label{font-size:.65rem}.files-grid{gap:.75rem}.file-card{padding:1rem;gap:.875rem;border-radius:12px}.file-card:before{height:3px}.file-header{gap:.625rem}.file-icon-wrapper{width:36px;height:36px;border-radius:8px;padding:.375rem}.file-name{font-size:.85rem;line-height:1.3}.file-meta{padding:.625rem .75rem;gap:.375rem;border-radius:6px}.meta-item{font-size:.7rem;gap:.375rem}.meta-icon{width:12px;height:12px}.file-actions{grid-template-columns:1fr 1fr 1fr;gap:.375rem}.btn-action{font-size:.675rem;padding:.5rem .25rem;border-radius:7px;gap:.25rem;justify-content:center}.btn-delete{padding:.5rem}.action-icon{width:13px;height:13px}.dropdown-arrow{width:12px;height:12px;margin-left:.125rem}.empty-state{padding:2rem 1rem;border-radius:12px}.empty-icon{width:56px;height:56px;margin-bottom:.875rem}.empty-state h2{font-size:1rem}.empty-state p{font-size:.775rem;margin-bottom:1.25rem}.btn-primary{padding:.625rem 1.25rem;font-size:.8rem}.btn-secondary{padding:.5rem 1rem;font-size:.775rem}.files-footer{padding:1rem 0}}.cl-templates-gallery{min-height:100vh;padding:90px 40px 80px;background:#1e293b;background-attachment:fixed;position:relative;width:100%;overflow-x:hidden}.cl-templates-gallery:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(26,128,99,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(22,160,133,.05) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(99,102,241,.03) 0%,transparent 70%);pointer-events:none;animation:cl-pulse 10s ease-in-out infinite}@keyframes cl-pulse{0%,to{opacity:1}50%{opacity:.85}}.cl-templates-loading-screen{position:fixed;inset:0;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.cl-loading-animation{text-align:center;animation:slideUp .5s ease-out}.cl-spinner-container{position:relative;width:120px;height:120px;margin:0 auto 30px}.cl-spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#1a8063;border-radius:50%;animation:cl-spin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite}.cl-spinner-ring:nth-child(2){border-top-color:#16a085;animation-delay:.3s}.cl-spinner-ring:nth-child(3){border-top-color:#10b981;animation-delay:.6s}@keyframes cl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cl-spinner-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;color:#1a8063;animation:cl-pulse-icon 2s ease-in-out infinite}@keyframes cl-pulse-icon{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(.95)}}.cl-loading-title{font-size:28px;font-weight:700;color:#1e293b;margin-bottom:16px;font-family:Poppins,sans-serif}.cl-loading-dots{display:flex;justify-content:center;gap:8px}.cl-loading-dots span{width:12px;height:12px;border-radius:50%;background:#1a8063;animation:cl-bounce 1.4s ease-in-out infinite}.cl-loading-dots span:nth-child(2){animation-delay:.2s}.cl-loading-dots span:nth-child(3){animation-delay:.4s}@keyframes cl-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.cl-templates-hero{text-align:center;margin-bottom:60px;padding:80px 0 40px;position:relative}.cl-hero-content{max-width:900px;margin:0 auto}.cl-hero-title{font-size:48px;font-weight:800;background:linear-gradient(135deg,#1a8063,#16a085,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;letter-spacing:-1px;font-family:Poppins,sans-serif}.cl-hero-subtitle{font-size:20px;color:#94a3b8;margin-bottom:40px;line-height:1.6;font-family:Inter,sans-serif}.cl-badge-container{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:32px}.cl-badge-item{display:flex;align-items:center;gap:10px;padding:12px 24px;background:#fff;border-radius:30px;box-shadow:0 4px 12px #1a806326;font-size:15px;font-weight:600;color:#1e293b;transition:all .3s ease}.cl-badge-item svg{width:20px;height:20px;color:#1a8063}.cl-badge-item:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1a806340}.cl-templates-container{max-width:1400px;margin:0 auto;padding:0 20px}.cl-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px;padding:40px 0}.cl-template-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #0000001f;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;display:flex;flex-direction:column;aspect-ratio:210 / 297;border:1px solid rgba(226,232,240,.8)}.cl-template-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #1a806340}.cl-template-card.locked{opacity:.85}.cl-template-card.locked:hover{transform:translateY(-4px)}.cl-tier-badge{position:absolute;top:10px;right:10px;z-index:10;height:34px;border-radius:18px;display:flex;align-items:center;justify-content:center;padding:0 8px;box-shadow:0 2px 8px #00000026;border:2px solid rgba(255,255,255,.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden;white-space:nowrap;transition:padding .3s cubic-bezier(.4,0,.2,1),border-radius .3s ease}.cl-tier-badge .cl-badge-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.cl-tier-badge .cl-badge-label{max-width:0;opacity:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-left:0;transition:max-width .3s cubic-bezier(.4,0,.2,1),opacity .25s ease .05s,margin-left .3s ease;overflow:hidden}.cl-template-card:hover .cl-tier-badge .cl-badge-label{max-width:80px;opacity:1;margin-left:5px}.cl-template-card:hover .cl-tier-badge{padding:0 12px 0 8px}.cl-tier-silver{background:linear-gradient(135deg,silver,#a8a8a8);color:#2d3748}.cl-tier-gold{background:linear-gradient(135deg,gold,orange);color:#2d3748}.cl-tier-platinum{background:linear-gradient(135deg,#b794f6,#9370db);color:#fff}.cl-tier-badge svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.cl-template-preview-wrapper{width:100%;height:100%;position:relative;overflow:hidden;background:#f8fafc;flex:1}.cl-template-preview-wrapper .lazy-template-container{width:100%;flex:1;position:relative;overflow:hidden;min-height:200px;height:100%}.cl-template-preview-wrapper .template-preview{width:794px!important;height:1123px!important;border:none;pointer-events:none;transform-origin:top left;display:block;position:absolute;top:0;left:0;overflow:hidden!important;transition:filter .4s ease}.cl-template-preview-wrapper .template-preview::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.cl-template-preview-wrapper .template-preview,.cl-template-preview-wrapper *{scrollbar-width:none!important;-ms-overflow-style:none!important}.cl-template-preview-wrapper *::-webkit-scrollbar{display:none!important}.cl-template-preview-error{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#64748b;text-align:center;padding:20px}.cl-template-preview-error .cl-error-icon{font-size:48px;margin-bottom:12px;opacity:.6}.cl-template-preview-error p{font-size:14px;font-weight:600;color:#475569;margin:0 0 8px}.cl-template-preview-error small{font-size:12px;color:#94a3b8}.cl-template-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;padding:30px;opacity:0;transition:opacity .4s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.cl-template-card:hover .cl-template-overlay{opacity:1}.cl-plan-badge{padding:8px 20px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;box-shadow:0 2px 8px #00000026}.cl-plan-silver{background:linear-gradient(135deg,#cbd5e1,#94a3b8);color:#1e293b}.cl-plan-gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f}.cl-plan-platinum{background:linear-gradient(135deg,#b794f6,#9370db);color:#fff}.cl-template-info{padding:16px 20px;display:flex;align-items:center;justify-content:center;background:#fff;min-height:60px}.cl-use-template-btn{padding:16px 48px;background:linear-gradient(135deg,#1a8063,#16a085);color:#fff;border:none;border-radius:50px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:none;letter-spacing:.5px;box-shadow:0 10px 30px #1a80634d;position:relative;overflow:hidden;transform:scale(.95);animation:cl-buttonPop .4s ease forwards .1s;white-space:nowrap;display:flex;align-items:center;justify-content:center}@keyframes cl-buttonPop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.cl-use-template-btn:hover{background:linear-gradient(135deg,#16a085,#1db88a);transform:scale(1.08);box-shadow:0 15px 40px #1a806366}.cl-use-template-btn:active{transform:scale(1.02)}.cl-use-template-btn.locked-btn{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 10px 30px #f59e0b4d}.cl-use-template-btn.locked-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:scale(1.08);box-shadow:0 15px 40px #f59e0b66}@media (max-width: 768px){.cl-templates-gallery{padding:80px 20px 50px}.cl-templates-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:30px 0}.cl-template-card{height:380px}.cl-templates-hero{margin-bottom:25px;padding:60px 0 20px}.cl-hero-title{font-size:34px;letter-spacing:-.5px}.cl-hero-subtitle{font-size:15px}.cl-badge-item{font-size:14px;padding:10px 20px}.cl-template-icon{width:80px;height:80px}.cl-use-template-btn{padding:12px 20px;font-size:14px;letter-spacing:.8px}}@media (max-width: 480px){.cl-templates-gallery{padding:70px 15px 40px}.cl-templates-grid{grid-template-columns:1fr;gap:30px;padding:20px 0}.cl-template-card{max-width:100%;height:420px}.cl-use-template-btn{padding:14px 20px;font-size:15px;letter-spacing:1px}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cl-editor-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#f0f9ff)}.cl-spinner{border:4px solid #e2e8f0;border-top:4px solid #1A8063;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:16px}.cl-editor-loading p{font-size:16px;color:#1e293b;font-weight:600}.cl-editor-container{height:calc(100vh - 70px);margin-top:70px;overflow:hidden;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#f0f9ff)}.cl-editor-main{display:grid;grid-template-columns:1fr 1.3fr;height:100%;overflow:hidden}.cl-editor-form{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#fff;border-right:1px solid #e2e8f0}.cl-form-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;min-height:60px}.cl-form-header-left{display:flex;align-items:center;gap:16px}.cl-back-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.cl-back-btn svg{width:16px;height:16px}.cl-back-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.cl-form-header-info{display:flex;flex-direction:column;gap:2px}.cl-editor-title{font-size:17px;font-weight:700;color:#1e293b;margin:0;line-height:1.2}.cl-editor-subtitle{font-size:12px;color:#1a8063;font-weight:600}.cl-form-scroll{flex:1;overflow-y:auto;padding:20px 24px 40px}.cl-form-scroll::-webkit-scrollbar{width:6px}.cl-form-scroll::-webkit-scrollbar-track{background:transparent}.cl-form-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.cl-form-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.cl-form-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:16px;border:1px solid #e2e8f0;transition:box-shadow .2s ease}.cl-form-section:hover{box-shadow:0 2px 8px #0000000f}.cl-section-title{font-size:15px;font-weight:700;color:#1e293b;margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid #f1f5f9;display:flex;align-items:center;gap:8px}.cl-section-title svg{color:#1a8063;flex-shrink:0}.cl-form-group{margin-bottom:12px}.cl-form-group:last-child{margin-bottom:0}.cl-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.cl-form-row:last-child{margin-bottom:0}.cl-form-row .cl-form-group{margin-bottom:0}.cl-form-group label{display:block;font-size:12px;font-weight:600;color:#475569;margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.cl-form-group input,.cl-form-group textarea{width:100%;padding:10px 12px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#f8fafc;transition:all .2s ease;font-family:inherit}.cl-form-group input:focus,.cl-form-group textarea:focus{outline:none;border-color:#1a8063;background:#fff;box-shadow:0 0 0 3px #1a80631a}.cl-form-group textarea{resize:vertical;min-height:70px;line-height:1.5}.cl-form-group input::-moz-placeholder,.cl-form-group textarea::-moz-placeholder{color:#94a3b8;font-size:13px}.cl-form-group input::placeholder,.cl-form-group textarea::placeholder{color:#94a3b8;font-size:13px}.cl-preview-controls{display:flex;gap:10px;align-items:center}.cl-theme-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cl-theme-btn:hover{background:#ffffff4d;transform:scale(1.05)}.cl-theme-btn-locked{opacity:.6;cursor:not-allowed;position:relative}.cl-theme-btn-locked:hover{transform:none;background:#ffffff26}.cl-theme-dropdown{position:fixed;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;padding:0;z-index:10002;animation:clDropdownFadeIn .25s cubic-bezier(.4,0,.2,1);border:2px solid rgba(26,128,99,.2);min-width:300px;max-width:350px}.cl-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg,#1a8063,#15695a);border-radius:10px 10px 0 0}.cl-dropdown-title{font-size:15px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);margin:0}.cl-dropdown-close{background:#fff3;border:none;font-size:22px;color:#fff;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.cl-dropdown-close:hover{background:#fff6;transform:scale(1.1)}.cl-color-grid{padding:20px;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.cl-color-swatch{width:100%;aspect-ratio:1;border-radius:10px;border:3px solid transparent;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0003;position:relative;display:flex;align-items:center;justify-content:center}.cl-color-swatch:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 8px 20px #0000004d}.cl-color-swatch.active{border-color:#1a8063;box-shadow:0 0 0 2px #1a806366,0 8px 24px #00000059;transform:scale(1.1)}.cl-check-icon{color:#fff;font-size:16px;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.4)}.cl-font-list{padding:12px;display:flex;flex-direction:column;gap:6px;max-height:400px;overflow-y:auto}.cl-font-option{padding:12px 16px;background:#fff;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:15px;color:#1e293b;display:flex;align-items:center;justify-content:space-between}.cl-font-option:hover{background:#f8fafc;border-color:#e2e8f0}.cl-font-option:focus{outline:none;border-color:#1a8063;background:#f0fdf4}.cl-font-option.active{background:linear-gradient(135deg,#1a8063,#15695a);border-color:#1a8063;color:#fff}.cl-font-name{font-weight:500}.cl-font-list::-webkit-scrollbar{width:6px}.cl-font-list::-webkit-scrollbar-track{background:transparent}.cl-font-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}@keyframes clDropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cl-editor-preview{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#f1f5f9}.cl-preview-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;flex-shrink:0;min-height:56px}.cl-preview-header h2{font-size:15px;font-weight:700;margin:0;color:#fff}.cl-download-btn{display:flex;align-items:center;gap:8px;padding:8px 18px;background:#1a8063;border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.cl-download-btn svg{width:16px;height:16px}.cl-download-btn:hover{background:#15695a;transform:translateY(-1px);box-shadow:0 4px 12px #1a80634d}.cl-download-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.cl-preview-content{flex:1;overflow-y:auto;overflow-x:auto;padding:24px;display:flex;justify-content:center;background:#f1f5f9}.cl-preview-a4-wrapper{position:relative;flex-shrink:0}.cl-preview-zoom-stage{transform-origin:top left;flex-shrink:0}.cl-preview-iframe{width:794px;min-height:1123px;border:none;background:#fff;display:block;box-shadow:0 4px 24px #0000001f;border-radius:2px}.cl-zoom-controls{display:flex;align-items:center;gap:2px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:2px 6px}.cl-zoom-btn{background:none;border:none;color:#fff;font-size:16px;font-weight:700;cursor:pointer;padding:2px 7px;border-radius:5px;transition:background .15s;line-height:1}.cl-zoom-btn:hover{background:#ffffff2e}.cl-zoom-fit{font-size:13px;padding:2px 5px}.cl-zoom-label{font-size:12px;font-weight:600;color:#ffffffd9;min-width:38px;text-align:center}.cl-preview-controls{display:flex;align-items:center;gap:10px}.cl-preview-content::-webkit-scrollbar{width:6px}.cl-preview-content::-webkit-scrollbar-track{background:transparent}.cl-preview-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.cl-preview-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.cl-export-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.cl-export-dialog{background:#fff;border-radius:16px;padding:36px;text-align:center;min-width:300px;box-shadow:0 20px 60px #0003}.cl-export-spinner{border:4px solid #e2e8f0;border-top:4px solid #1A8063;border-radius:50%;width:44px;height:44px;animation:spin 1s linear infinite;margin:0 auto 14px}.cl-export-status{font-size:15px;color:#1e293b;font-weight:600;margin-bottom:14px}.cl-export-progress-bar{width:100%;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.cl-export-progress-fill{height:100%;background:linear-gradient(90deg,#1a8063,#15695a);border-radius:3px;transition:width .3s ease}.cl-mobile-sections-bar,.cl-mobile-preview-toggle,.cl-mobile-back-editor{display:none}@media (max-width: 1024px){.cl-editor-main{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.cl-editor-container{height:calc(100vh - 70px);margin-top:70px;overflow:hidden;display:flex;flex-direction:column}.cl-mobile-sections-bar{display:block;position:fixed;top:70px;left:0;right:0;z-index:200;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 12px #0000000f}.cl-mobile-sections-scroll{display:flex;overflow-x:auto;gap:6px;padding:10px 12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cl-mobile-sections-scroll::-webkit-scrollbar{display:none}.cl-mobile-section-pill{display:flex;align-items:center;gap:5px;padding:7px 14px;border-radius:20px;border:1.5px solid #e2e8f0;background:#f8fafc;cursor:pointer;white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:600;color:#64748b;transition:all .2s ease}.cl-mobile-section-pill.active{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;border-color:#1e293b;box-shadow:0 2px 8px #1e293b40}.cl-editor-main{display:flex;flex-direction:column;height:100%;overflow:hidden;grid-template-columns:none}.cl-editor-form{flex:1;overflow-y:auto;padding-top:48px;border-right:none;height:auto}.cl-form-scroll{overflow:visible;padding:16px 16px 20px}.cl-editor-preview,.cl-mobile-preview-active .cl-editor-form,.cl-mobile-preview-active .cl-mobile-sections-bar{display:none}.cl-mobile-preview-active .cl-editor-preview{display:flex!important;flex-direction:column;flex:1;height:100%}.cl-mobile-preview-toggle{display:block;padding:16px 0;text-align:center}.cl-mobile-toggle-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:linear-gradient(135deg,#1e293b,#334155);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1e293b4d}.cl-mobile-toggle-btn:active{transform:scale(.97)}.cl-mobile-guide-text{margin:8px 0 0;font-size:12px;color:#94a3b8;font-weight:500}.cl-mobile-back-editor{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-right:auto}.cl-mobile-back-editor:active{background:#e2e8f0}.cl-form-header{padding:10px 16px;min-height:50px}.cl-form-header-left{gap:10px}.cl-editor-title{font-size:16px}.cl-editor-subtitle{font-size:12px}.cl-back-btn{padding:6px 10px;font-size:12px}.cl-form-row{grid-template-columns:1fr;gap:10px}.cl-form-section{padding:16px;margin-bottom:12px}.cl-section-title{font-size:15px}.cl-preview-header{padding:12px 16px;flex-wrap:wrap;gap:8px}.cl-preview-controls{flex-wrap:wrap;gap:6px}.cl-download-btn{padding:8px 14px;font-size:13px}.cl-preview-content{padding:12px;overflow:auto}.cl-theme-dropdown{position:fixed!important;inset:auto 0 0!important;border-radius:16px 16px 0 0;max-height:60vh;overflow-y:auto;z-index:9999}}@media (max-width: 480px){.cl-editor-container{margin-top:64px;height:calc(100vh - 64px)}.cl-mobile-sections-bar{top:64px}.cl-mobile-sections-scroll{padding:8px 10px;gap:5px}.cl-mobile-section-pill{padding:6px 10px;font-size:11px}.cl-editor-form{padding-top:42px}.cl-form-header{padding:8px 12px;min-height:44px}.cl-form-header-left{flex-direction:row;align-items:center;gap:8px}.cl-editor-title{font-size:14px}.cl-form-scroll{padding:12px}.cl-form-section{padding:14px;border-radius:10px}.cl-section-title{font-size:14px}.cl-form-group input,.cl-form-group textarea{padding:9px 11px;font-size:13px}.cl-mobile-toggle-btn{padding:12px 16px;font-size:14px}.cl-mobile-back-editor{padding:7px 12px;font-size:12px}.cl-preview-header{padding:10px 12px}.cl-download-btn{padding:7px 12px;font-size:12px}}.ai-tools-sidebar{width:300px;min-width:300px;height:calc(100vh - 80px);background:linear-gradient(135deg,#fff,#f8fafc);border-right:1px solid #e2e8f0;display:flex;flex-direction:column;overflow-y:auto;position:fixed;top:80px;left:0;flex-shrink:0;z-index:100}.sidebar-header{padding:20px;border-bottom:1px solid #e2e8f0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:relative}.sidebar-header-content{flex:1}.sidebar-header h2{font-size:22px;font-weight:700;color:#0f172a;margin:0 0 7px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-header p{font-size:13px;color:#64748b;margin:0;line-height:1.4}.sidebar-close-btn{width:36px;height:36px;min-width:36px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease;box-shadow:0 2px 8px #10b98140;flex-shrink:0}.sidebar-close-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #10b98159;background:linear-gradient(135deg,#059669,#047857)}.sidebar-close-btn:active{transform:scale(.95)}.sidebar-close-btn svg{transition:transform .2s ease}.sidebar-close-btn:hover svg{transform:rotate(90deg)}.sidebar-tools{flex:1;padding:20px 14px;display:flex;flex-direction:column;gap:14px}.tool-card{background:#fff;border:2px solid #e2e8f0;border-radius:11px;padding:18px;cursor:pointer;transition:all .3s ease;position:relative;display:flex;gap:14px;align-items:flex-start}.tool-card:hover{border-color:var(--tool-color);box-shadow:0 6px 20px #00000014;transform:translateY(-2px)}.tool-card.active{border-color:var(--tool-color);background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);box-shadow:0 3px 10px #3b82f61f}.tool-card.locked{opacity:.7;cursor:pointer}.tool-card.locked:hover{border-color:#f59e0b;box-shadow:0 3px 10px #f59e0b1f}.tool-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffffffe6,#fff9);border-radius:9px;box-shadow:0 2px 6px #00000014}.tool-content{flex:1;min-width:0}.tool-content h3{font-size:15px;font-weight:600;color:#0f172a;margin:0 0 5px;line-height:1.3}.tool-content p{font-size:12px;color:#64748b;margin:0 0 7px;line-height:1.4}.lock-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:#f59e0b;background:#f59e0b1a;padding:3px 7px;border-radius:5px}.lock-badge svg{flex-shrink:0}.active-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:var(--tool-color);border-radius:0 4px 4px 0}.sidebar-footer{padding:18px;border-top:1px solid #e2e8f0;background:linear-gradient(135deg,#fafafa,#fff)}.plan-badge{font-size:13px;font-weight:600;padding:11px 14px;border-radius:7px;text-align:center;margin-bottom:11px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569}.plan-badge[data-plan=gold]{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.plan-badge[data-plan=platinum]{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3}.plan-badge[data-plan=silver]{background:linear-gradient(135deg,#f1f5f9,#cbd5e1);color:#334155}.upgrade-btn{width:100%;padding:11px 14px;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:7px;cursor:pointer;transition:all .3s ease}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px #3b82f640}.upgrade-btn:active{transform:translateY(0)}.ai-tools-sidebar::-webkit-scrollbar{width:7px}.ai-tools-sidebar::-webkit-scrollbar-track{background:#f1f5f9}.ai-tools-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.ai-tools-sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 1024px){.ai-tools-sidebar{width:260px;min-width:260px}}@media (max-width: 768px){.ai-tools-sidebar{width:100%;min-width:100%;height:auto;position:fixed;top:70px;left:0;right:0;flex-direction:column;border-right:none;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 8px #00000014;z-index:200;overflow-y:visible;overflow-x:auto;background:#fff}.sidebar-header{display:none}.sidebar-tools{padding:10px 12px;flex-direction:row;overflow-x:auto;overflow-y:visible;gap:10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sidebar-tools::-webkit-scrollbar{display:none}.tool-card{min-width:-moz-fit-content;min-width:fit-content;width:auto;flex-shrink:0;padding:10px 16px;border-radius:25px;gap:8px;align-items:center;border-width:1.5px}.tool-card .tool-content p{display:none}.tool-card .tool-content h3{font-size:13px;margin:0;white-space:nowrap}.tool-card .lock-badge{display:none}.tool-icon{width:32px;height:32px;border-radius:8px}.tool-icon svg{width:18px;height:18px}.active-indicator{display:none}.tool-card.active{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-color:var(--tool-color);box-shadow:0 2px 8px #3b82f626}.sidebar-footer{display:none}}@media (max-width: 480px){.ai-tools-sidebar{top:64px}.sidebar-tools{padding:8px 10px;gap:8px}.tool-card{padding:8px 12px}.tool-card .tool-content h3{font-size:12px}.tool-icon{width:28px;height:28px}.tool-icon svg{width:16px;height:16px}}.ai-improvement-container{display:flex;min-height:calc(100vh - 80px);background:#f8fafc;padding-top:80px;position:relative;overflow-x:hidden}.sidebar-toggle-btn{position:fixed;top:95px;left:20px;width:44px;height:44px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;box-shadow:0 4px 12px #10b9814d;transition:all .3s ease;color:#fff}.sidebar-toggle-btn:hover{transform:scale(1.05);box-shadow:0 6px 16px #10b98166;background:linear-gradient(135deg,#059669,#047857)}.sidebar-toggle-btn:active{transform:scale(.95)}.sidebar-toggle-btn svg{transition:transform .3s ease}.ai-improvement-content{flex:1;padding:32px 40px;overflow-y:auto;overflow-x:hidden;max-width:100%;margin-left:300px;min-width:0;box-sizing:border-box}.tool-page{max-width:1400px;margin:0 auto;width:100%;overflow-x:hidden}.tool-page-header{margin-bottom:28px}.tool-page-header h1{font-size:30px;font-weight:700;color:#0f172a;margin:0 0 10px;display:flex;align-items:center;gap:14px}.tool-page-header .header-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff,#f1f5f9);border-radius:11px;box-shadow:0 3px 10px #00000014;flex-shrink:0}.tool-page-header p{font-size:15px;color:#64748b;margin:0;line-height:1.5;max-width:900px}.tool-page-content{background:#fff;border-radius:14px;padding:32px 36px;box-shadow:0 2px 16px #0000000a;border:1px solid #e2e8f0;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px;margin-top:28px}.feature-card{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:11px;padding:22px;transition:all .3s ease}.feature-card:hover{border-color:#3b82f6;box-shadow:0 6px 20px #3b82f61f;transform:translateY(-2px)}.feature-card h3{font-size:17px;font-weight:600;color:#0f172a;margin:0 0 10px;display:flex;align-items:center;gap:9px}.feature-card p{font-size:14px;color:#64748b;margin:0;line-height:1.55}.cta-section{margin-top:32px;padding:28px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:14px;text-align:center;color:#fff}.cta-section h2{font-size:22px;font-weight:700;margin:0 0 10px}.cta-section p{font-size:15px;margin:0 0 20px;opacity:.9}.cta-button{padding:13px 30px;font-size:15px;font-weight:600;color:#3b82f6;background:#fff;border:none;border-radius:9px;cursor:pointer;transition:all .3s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ffffff40}.coming-soon-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#f59e0b;background:#f59e0b1a;padding:5px 11px;border-radius:18px;margin-left:10px}.locked-page{position:relative;min-height:calc(100vh - 160px)}.locked-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10}.locked-blur-bg{position:absolute;inset:0;background:#f8fafccc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.locked-card{position:relative;z-index:11;background:#fff;border-radius:16px;padding:48px 40px;box-shadow:0 20px 60px #00000026;text-align:center;max-width:480px;border:2px solid #e2e8f0}.locked-icon{margin:0 auto 24px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:50%}.locked-card h2{font-size:26px;font-weight:700;color:#0f172a;margin:0 0 14px}.locked-card p{font-size:15px;color:#64748b;line-height:1.6;margin:0 0 28px}.upgrade-primary-btn{padding:14px 32px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #10b9814d}.upgrade-primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.upgrade-primary-btn:active{transform:translateY(0)}@media (max-width: 1024px){.ai-improvement-content{margin-left:260px;padding:24px}}@media (max-width: 768px){.ai-improvement-container{flex-direction:column;padding-top:70px}.ai-improvement-content{padding:80px 16px 20px;margin-left:0}.tool-page{padding-top:0;max-width:100%}.tool-page-header h1{font-size:22px;flex-direction:column;align-items:flex-start;gap:12px}.tool-page-header .header-icon{width:40px;height:40px}.tool-page-content{padding:24px 16px}.feature-grid{grid-template-columns:1fr;gap:16px}.cta-section{padding:24px 20px}.cta-section h2{font-size:20px}.locked-card{padding:36px 28px;max-width:90%}.locked-card h2{font-size:22px}.locked-icon{width:64px;height:64px;margin-bottom:20px}.locked-icon svg{width:48px;height:48px}}@media (max-width: 480px){.ai-improvement-container{padding-top:64px}.ai-improvement-content{padding:72px 12px 16px;overflow-x:hidden}.tool-page-header h1{font-size:20px}.tool-page-content{padding:20px 14px;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word}.feature-card h3{font-size:15px;word-wrap:break-word;overflow-wrap:break-word}.feature-card p{font-size:13px;word-wrap:break-word;overflow-wrap:break-word}.locked-card{padding:28px 20px;max-width:90%}.locked-card h2{font-size:20px}.locked-card p{font-size:13px}}.toolkit-hero{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:60px 48px;margin-bottom:40px;position:relative;overflow:hidden}.toolkit-hero:before{content:"";position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;transform:translate(30%,-30%)}.toolkit-hero-content{position:relative;z-index:1;max-width:900px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:50px;padding:8px 20px;color:#fff;font-size:14px;font-weight:600;margin-bottom:24px}.hero-badge svg{width:20px;height:20px;color:#fbbf24}.toolkit-title{font-size:42px;font-weight:800;color:#fff;margin:0 0 20px;line-height:1.2;letter-spacing:-.5px}.toolkit-tagline{font-size:18px;color:#fffffff2;margin:0;line-height:1.6;font-weight:400}.toolkit-content{max-width:100%;margin:0 auto;width:100%;box-sizing:border-box;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word}.toolkit-description-card{background:linear-gradient(135deg,#f8fafc,#e0e7ff);border-radius:16px;padding:32px;margin-bottom:48px;border:2px solid #e0e7ff;display:flex;gap:24px;align-items:flex-start}.description-icon{flex-shrink:0;width:60px;height:60px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f626}.toolkit-description{font-size:16px;color:#334155;line-height:1.8;margin:10px 0 0}.section-title{font-size:32px;font-weight:700;color:#0f172a;margin:0 0 32px;text-align:center;position:relative;padding-bottom:16px}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.toolkit-form-section{background:#fff;border-radius:20px;padding:48px;margin-bottom:48px;box-shadow:0 4px 24px #0000000f;border:1px solid #e2e8f0}.toolkit-form{max-width:700px;margin:0 auto}.form-group{margin-bottom:28px}.form-label{display:block;font-size:15px;font-weight:600;color:#1e293b;margin-bottom:10px}.required{color:#ef4444;margin-left:4px}.optional{color:#94a3b8;font-weight:400;font-size:13px}.form-select,.form-input,.form-textarea{width:100%;padding:14px 16px;font-size:15px;color:#1e293b;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;transition:all .3s ease;font-family:inherit;box-sizing:border-box}.form-select:focus,.form-input:focus,.form-textarea:focus{outline:none;background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.form-textarea{resize:vertical;min-height:120px}.form-hint{display:block;font-size:13px;color:#94a3b8;margin-top:8px}.toolkit-cta-button{width:100%;padding:18px 32px;font-size:17px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:32px;box-shadow:0 4px 16px #667eea4d}.toolkit-cta-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #667eea66}.toolkit-cta-button:active:not(:disabled){transform:translateY(0)}.toolkit-cta-button:disabled{opacity:.5;cursor:not-allowed}.how-it-works-section{background:#fff;border-radius:20px;padding:48px;margin-bottom:48px;box-shadow:0 4px 24px #0000000f;border:1px solid #e2e8f0}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:40px}.step-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;padding:28px 24px;position:relative;transition:all .3s ease;border:2px solid #fbbf24}.step-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #fbbf2440}.step-number{position:absolute;top:-16px;left:24px;width:40px;height:40px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;box-shadow:0 4px 12px #f59e0b4d}.step-card h3{font-size:18px;font-weight:700;color:#92400e;margin:12px 0 8px}.step-card p{font-size:14px;color:#78350f;margin:0;line-height:1.6}.benefits-section{background:#fff;border-radius:20px;padding:48px;box-shadow:0 4px 24px #0000000f;border:1px solid #e2e8f0}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;margin-top:40px}.benefit-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.benefit-card:hover{transform:translateY(-4px);border-color:#667eea;box-shadow:0 8px 32px #667eea26}.benefit-card h3{font-size:19px;font-weight:700;color:#0f172a;margin:0 0 12px;line-height:1.3}.benefit-card p{font-size:15px;color:#64748b;margin:0;line-height:1.6}@media (max-width: 1024px){.toolkit-hero{padding:48px 32px}.toolkit-title{font-size:36px}}@media (max-width: 768px){.toolkit-hero{padding:36px 24px;border-radius:14px;margin-bottom:28px}.toolkit-title{font-size:28px}.toolkit-tagline{font-size:15px}.toolkit-description-card{flex-direction:column;padding:20px;gap:16px}.description-icon{width:48px;height:48px}.toolkit-description{font-size:14px;line-height:1.7}.toolkit-form-section,.how-it-works-section,.benefits-section{padding:28px 18px;border-radius:14px}.section-title{font-size:24px}.steps-grid,.benefits-grid{grid-template-columns:1fr}.toolkit-cta-button{font-size:15px;padding:15px 24px}}@media (max-width: 480px){.toolkit-hero{padding:28px 16px;border-radius:12px;margin-bottom:20px}.toolkit-title{font-size:24px}.toolkit-tagline{font-size:14px}.hero-badge{font-size:12px;padding:6px 14px;margin-bottom:16px}.toolkit-form-section,.how-it-works-section,.benefits-section{padding:20px 14px;margin-bottom:24px}.section-title{font-size:20px;margin-bottom:24px;padding-bottom:12px}.form-select,.form-input{padding:12px 14px;font-size:14px}.toolkit-cta-button{font-size:14px;padding:14px 20px;margin-top:24px}.step-card{padding:22px 18px}.benefit-card{padding:24px 20px}}.results-section{margin-top:48px;padding-top:24px}.results-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap}.results-header .section-title{margin:0;flex:1;text-align:left;padding-bottom:0}.results-header .section-title:after{display:none}.new-analysis-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.new-analysis-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.new-analysis-button:active{transform:translateY(0)}.results-summary{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #3b82f6;padding:24px 28px;margin-bottom:40px;border-radius:12px;font-size:16px;color:#1e293b;line-height:1.8}.subsection-title{font-size:24px;font-weight:700;color:#0f172a;margin:40px 0 24px}.skill-gaps-container{margin-bottom:40px}.skill-gap-category{background:#fff;border-radius:16px;padding:28px;margin-bottom:24px;border:2px solid #e2e8f0;transition:all .3s ease}.skill-gap-category:hover{border-color:#cbd5e1;box-shadow:0 4px 16px #0000000d}.skill-gap-category.critical{border-left:4px solid #ef4444}.skill-gap-category.recommended{border-left:4px solid #f59e0b}.skill-gap-category.optional{border-left:4px solid #10b981}.category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f1f5f9}.category-header h4{font-size:20px;font-weight:700;color:#1e293b;margin:0}.badge{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.critical-badge{background:#fee2e2;color:#dc2626}.recommended-badge{background:#fef3c7;color:#d97706}.optional-badge{background:#d1fae5;color:#059669}.skills-list{display:flex;flex-direction:column;gap:16px}.skill-gap-item{background:#f8fafc;border-radius:12px;padding:16px 20px;transition:all .2s ease}.skill-gap-item:hover{background:#f1f5f9;transform:translate(4px)}.skill-gap-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.skill-gap-name{font-size:16px;font-weight:600;color:#1e293b}.skill-gap-time{font-size:13px;color:#64748b;background:#fff;padding:4px 12px;border-radius:12px;font-weight:500}.skill-gap-reason{font-size:14px;color:#475569;margin:0;line-height:1.6}.courses-container{margin-bottom:40px}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.course-card{background:#fff;border-radius:16px;padding:24px;border:2px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.course-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.course-card.priority-high:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.course-card.priority-medium:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.course-card.priority-low:before{background:linear-gradient(90deg,#10b981,#059669)}.course-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:#cbd5e1}.course-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:2px solid #f1f5f9}.course-title{font-size:18px;font-weight:700;color:#1e293b;margin:0;flex:1}.priority-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;white-space:nowrap}.priority-badge.high{background:#fee2e2;color:#dc2626}.priority-badge.medium{background:#fef3c7;color:#d97706}.priority-badge.low{background:#d1fae5;color:#059669}.course-details{margin-bottom:16px}.course-info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.info-label{font-size:13px;color:#64748b;font-weight:500}.info-value{font-size:14px;color:#1e293b;font-weight:600}.skills-covered{margin-top:16px;padding-top:16px;border-top:2px solid #f1f5f9}.skills-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.skill-tag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.skill-tag.trending{background:linear-gradient(135deg,#f59e0b,#d97706)}.learning-path-container{margin-bottom:40px}.learning-phases{display:flex;flex-direction:column;gap:24px}.phase-card{background:#fff;border-radius:16px;padding:28px;border:2px solid #e2e8f0;position:relative;transition:all .3s ease}.phase-card:hover{transform:translate(4px);box-shadow:0 4px 16px #00000014}.phase-card.phase-1{border-left:4px solid #3b82f6}.phase-card.phase-2{border-left:4px solid #8b5cf6}.phase-card.phase-3{border-left:4px solid #10b981}.phase-number{position:absolute;top:-12px;left:24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:700;box-shadow:0 4px 12px #667eea4d}.phase-card h4{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 20px}.phase-content{display:flex;flex-direction:column;gap:16px}.phase-section{background:#f8fafc;padding:16px;border-radius:10px}.phase-section strong{display:block;font-size:14px;font-weight:600;color:#1e293b;margin-bottom:8px}.phase-section ul{margin:0;padding-left:20px;list-style-type:disc}.phase-section li{font-size:14px;color:#475569;margin-bottom:6px;line-height:1.6}.phase-outcome{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:16px;border-radius:10px;border-left:3px solid #3b82f6}.phase-outcome strong{display:block;font-size:14px;font-weight:600;color:#1e40af;margin-bottom:6px}.career-strategy-container{margin-bottom:40px}.strategy-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.strategy-card{background:#fff;border-radius:16px;padding:24px;border:2px solid #e2e8f0;transition:all .3s ease}.strategy-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000014}.strategy-card.short-term{border-top:4px solid #10b981}.strategy-card.mid-term{border-top:4px solid #f59e0b}.strategy-card.long-term{border-top:4px solid #8b5cf6}.strategy-card h4{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 16px}.strategy-content{display:flex;flex-direction:column;gap:16px}.strategy-section{background:#f8fafc;padding:14px;border-radius:10px}.strategy-section strong{display:block;font-size:13px;font-weight:600;color:#1e293b;margin-bottom:8px}.strategy-section ul{margin:0;padding-left:20px;list-style-type:circle}.strategy-section li{font-size:14px;color:#475569;margin-bottom:6px;line-height:1.5}.industry-insights-container{margin-bottom:40px}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.insight-card{background:#fff;border-radius:16px;padding:24px;border:2px solid #e2e8f0;transition:all .3s ease}.insight-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000000f;border-color:#cbd5e1}.insight-card h4{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 12px}.insight-card ul{margin:0;padding-left:20px;list-style-type:square}.insight-card li{font-size:14px;color:#475569;margin-bottom:6px}.insight-card p{font-size:14px;color:#475569;margin:0;line-height:1.6}.demand-badge{display:inline-block;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:700;text-transform:uppercase}.demand-badge.high{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.demand-badge.medium{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.demand-badge.low{background:linear-gradient(135deg,#64748b,#475569);color:#fff}@media (max-width: 1200px){.course-content-section{flex:0 1 30%;max-width:30%}.provider-card{padding:14px 10px}.course-card-horizontal{padding:22px;gap:20px}}@media (max-width: 900px){.course-card-horizontal{flex-direction:column;padding:20px;gap:0}.course-content-section{flex:none;max-width:100%;width:100%}.course-providers-horizontal{width:100%;flex:none;border-left:none;border-top:2px solid #e2e8f0;padding-left:0;padding-top:20px;margin-top:20px}.provider-buttons-row{flex-direction:row;flex-wrap:wrap;gap:10px}.provider-card{min-width:calc(33% - 10px);max-width:calc(33% - 10px);flex:1;padding:14px 10px;overflow:hidden}.provider-name-large{font-size:12px}.info-badge{font-size:10px;padding:3px 6px}.view-course-button{font-size:11px;padding:7px 8px}}@media (max-width: 768px){.results-header{flex-direction:column;align-items:stretch}.new-analysis-button{width:100%;justify-content:center}.courses-grid,.strategy-timeline,.insights-grid{grid-template-columns:1fr}.subsection-title{font-size:20px}.course-card-horizontal{flex-direction:column;padding:20px}.course-content-section{flex:none;max-width:100%;width:100%}.course-providers-horizontal{width:100%;flex:none;border-left:none;border-top:2px solid #e2e8f0;padding-left:0;padding-top:20px;margin-top:20px}.provider-buttons-row{flex-direction:row;flex-wrap:wrap;gap:8px}.provider-card{min-width:calc(50% - 8px);max-width:calc(50% - 8px);padding:12px 8px;overflow:hidden}.provider-name-large{font-size:12px;word-break:break-word}.info-badge{font-size:10px;padding:3px 6px}.view-course-button{font-size:11px;padding:7px 6px}.course-title-enhanced{font-size:18px}.course-number{font-size:12px;padding:5px 12px}.results-subtitle{font-size:15px;margin-top:-10px;margin-bottom:24px}}@media (max-width: 480px){.course-card-horizontal{padding:14px;border-radius:12px}.course-title-enhanced{font-size:16px}.course-description{font-size:13px}.provider-buttons-row{flex-direction:column;gap:8px}.provider-card{min-width:100%!important;max-width:100%!important;padding:12px 14px;border-radius:10px;flex-direction:row;align-items:center;gap:12px;text-align:left}.provider-icon-large{width:40px;height:40px;flex-shrink:0}.provider-icon-large svg{width:22px;height:22px}.provider-name-large{font-size:13px;text-align:left;white-space:normal;word-break:break-word}.provider-info{width:auto}.info-badge{font-size:11px;padding:3px 8px;justify-content:flex-start}.view-course-button{font-size:12px;padding:8px 12px;width:auto;flex-shrink:0}.providers-heading{font-size:13px}}.courses-list{display:flex;flex-direction:column;gap:28px;max-width:100%;overflow:hidden}.course-card-horizontal{background:#fff;border-radius:20px;padding:28px;border:2px solid #e2e8f0;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;gap:24px;align-items:stretch;width:100%;box-sizing:border-box}.course-card-horizontal:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:#667eea}.course-content-section{flex:0 1 35%;min-width:200px;max-width:35%;display:flex;flex-direction:column}.course-providers-horizontal{flex:1;min-width:0;border-left:2px solid #e2e8f0;padding-left:24px;display:flex;flex-direction:column}.providers-heading{display:block;font-size:14px;font-weight:700;color:#1e293b;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.provider-buttons-row{display:flex;gap:12px;flex-wrap:nowrap;align-items:stretch;width:100%}.provider-card{flex:1;min-width:0;background:linear-gradient(135deg,#f8fafc,#fff);border:2px solid #e2e8f0;border-radius:14px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .3s ease;text-align:center;overflow:hidden;box-sizing:border-box;max-width:100%}.provider-card:hover{border-color:#667eea;background:linear-gradient(135deg,#fff,#f0f4ff);transform:translateY(-4px);box-shadow:0 8px 16px #667eea33}.provider-icon-large{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.provider-icon-large svg{width:28px;height:28px;border-radius:6px}.provider-name-large{font-size:13px;font-weight:700;color:#1e293b;margin:0;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;text-align:center;width:100%}.provider-info{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#64748b;width:100%;overflow:hidden}.info-badge{display:inline-flex;align-items:center;justify-content:center;background:#f1f5f9;padding:4px 8px;border-radius:6px;font-weight:500;font-size:11px;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;text-align:center;max-width:100%;white-space:normal}.view-course-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:12px;font-weight:700;padding:8px 10px;border-radius:8px;border:none;cursor:pointer;text-decoration:none;transition:all .3s ease;box-shadow:0 3px 10px #667eea59;letter-spacing:.3px;width:100%;margin-top:auto;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;text-align:center;box-sizing:border-box}.view-course-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.view-course-button svg{transition:transform .3s ease}.view-course-button:hover svg{transform:translate(4px)}.course-number{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;font-weight:700;padding:6px 16px;border-radius:20px;margin-bottom:16px;letter-spacing:.5px;text-transform:uppercase}.course-title-enhanced{font-size:20px;font-weight:800;color:#1e293b;margin-bottom:10px;line-height:1.4;letter-spacing:-.3px;word-wrap:break-word;overflow-wrap:break-word}.course-description{font-size:14px;color:#475569;line-height:1.6;margin-bottom:16px;word-wrap:break-word;overflow-wrap:break-word}.course-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px}.course-info-item{display:flex;align-items:center;gap:10px;font-size:14px;color:#334155}.course-info-item strong{color:#1e293b;font-weight:600;min-width:70px}.course-info-item:before{content:"▪";color:#667eea;font-size:18px;font-weight:700}.course-skills{margin-bottom:20px}.course-skills strong{display:block;font-size:14px;font-weight:700;color:#1e293b;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.course-cta-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:16px;font-weight:700;padding:14px 32px;border-radius:12px;border:none;cursor:pointer;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #667eea66;letter-spacing:.5px}.course-cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.course-cta-button:after{content:"→";font-size:18px;font-weight:700;transition:transform .3s ease}.course-cta-button:hover:after{transform:translate(4px)}.no-courses-message{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px;border:2px dashed #cbd5e1}.no-courses-message:before{content:"📚";display:block;font-size:64px;margin-bottom:20px}.no-courses-message p{font-size:18px;color:#64748b;font-weight:500;margin:0}.results-subtitle{font-size:18px;color:#64748b;text-align:center;margin-top:-20px;margin-bottom:40px;font-weight:500}.course-providers{margin-top:24px;padding-top:24px;border-top:2px solid #e2e8f0}.course-providers>strong{display:block;font-size:14px;font-weight:700;color:#1e293b;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.provider-links{display:flex;flex-direction:column;gap:12px}.provider-link{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#f8fafc,#fff);border:2px solid #e2e8f0;border-radius:12px;text-decoration:none;color:inherit;transition:all .3s ease;cursor:pointer}.provider-link:hover{border-color:#667eea;background:linear-gradient(135deg,#fff,#f0f4ff);transform:translate(4px);box-shadow:0 4px 12px #667eea33}.provider-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;flex-shrink:0}.provider-details{flex:1;display:flex;flex-direction:column;gap:4px}.provider-name{font-size:16px;font-weight:600;color:#1e293b}.provider-meta{display:flex;gap:12px;font-size:13px;color:#64748b}.meta-item{display:flex;align-items:center;gap:4px}.arrow-icon{flex-shrink:0;color:#667eea;transition:transform .3s ease}.provider-link:hover .arrow-icon{transform:translate(4px)}.course-skills .skills-tags{display:flex;flex-wrap:wrap;gap:8px}.course-skills .skills-tags span{display:inline-block;background:linear-gradient(135deg,#e0e7ff,#ddd6fe);color:#5b21b6;font-size:13px;font-weight:600;padding:6px 12px;border-radius:8px;border:1px solid #c4b5fd}.career-map-hero{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;padding:60px 48px;margin-bottom:40px;position:relative;overflow:hidden}.career-map-hero:before{content:"";position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;transform:translate(30%,-30%)}.career-map-hero-content{position:relative;z-index:1;max-width:900px}.career-map-title{font-size:42px;font-weight:800;color:#fff;margin:0 0 20px;line-height:1.2;letter-spacing:-.5px}.career-map-tagline{font-size:18px;color:#fffffff2;margin:0;line-height:1.6;font-weight:400}.career-map-content{max-width:1200px;margin:0 auto}.career-map-description-card{background:linear-gradient(135deg,#f0fdf4,#d1fae5);border-radius:16px;padding:32px;margin-bottom:48px;border:2px solid #a7f3d0;display:flex;gap:24px;align-items:flex-start}.career-map-description{font-size:16px;color:#064e3b;line-height:1.8;margin:10px 0 0}.career-map-form-section{background:#fff;border-radius:20px;padding:48px;margin-bottom:48px;box-shadow:0 4px 24px #0000000f;border:1px solid #e2e8f0}.career-map-form{max-width:700px;margin:0 auto}.career-map-cta-button{width:100%;padding:18px 32px;font-size:17px;font-weight:600;color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:32px;box-shadow:0 4px 16px #10b9814d}.career-map-cta-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #10b98166}.career-map-cta-button:active:not(:disabled){transform:translateY(0)}.career-map-cta-button:disabled{opacity:.5;cursor:not-allowed}.roadmap-includes-section{background:#fff;border-radius:20px;padding:48px;box-shadow:0 4px 24px #0000000f;border:1px solid #e2e8f0}.includes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;margin-top:40px}.include-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;padding:32px 28px;border:2px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.include-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#10b981,#059669);transform:scaleX(0);transition:transform .3s ease}.include-card:hover{transform:translateY(-4px);border-color:#10b981;box-shadow:0 8px 32px #10b98126}.include-card:hover:before{transform:scaleX(1)}.include-icon{width:60px;height:60px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#fff;box-shadow:0 4px 12px #0000001a}.include-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.include-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.include-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.include-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.include-icon.teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}.include-card h3{font-size:19px;font-weight:700;color:#0f172a;margin:0 0 12px;line-height:1.3}.include-card p{font-size:15px;color:#64748b;margin:0;line-height:1.6}.results-container{margin-top:48px;position:relative}.results-container:before{content:"";position:absolute;inset:-20px;background-image:radial-gradient(circle,#e2e8f0 1px,transparent 1px);background-size:28px 28px;opacity:.45;border-radius:24px;z-index:0;pointer-events:none}.results-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;padding:36px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:20px;border:2px solid #a7f3d0;position:relative;z-index:1;box-shadow:0 4px 20px #10b9811a}.results-title{font-size:32px;font-weight:800;color:#0f172a;margin:0 0 8px}.results-subtitle{font-size:16px;color:#475569;margin:0;line-height:1.6}.new-analysis-button{padding:12px 24px;background:#fff;border:2px solid #10b981;color:#10b981;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;white-space:nowrap}.new-analysis-button:hover{background:#10b981;color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #10b9814d}.results-section{background:#fff;border-radius:20px;padding:36px;margin-bottom:36px;border:1px solid #e2e8f0;box-shadow:0 4px 24px #0000000d;position:relative;z-index:1}.section-subtitle{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 32px;display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:2px solid #f1f5f9}.flowchart{display:flex;flex-direction:column;align-items:stretch;max-width:760px;margin:0 auto;padding:0;position:relative}.flowchart-node{display:flex;align-items:stretch;gap:0;position:relative}.flowchart-rail{display:flex;flex-direction:column;align-items:center;width:48px;min-width:48px;position:relative;z-index:2}.rail-line{width:3px;flex:1;background:linear-gradient(180deg,#6ee7b7,#34d399);border-radius:2px}.node-first .rail-line-top,.node-last .rail-line-bottom{visibility:hidden}.flowchart-node-dot{width:44px;height:44px;min-height:44px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px;box-shadow:0 0 0 5px #10b98126,0 4px 14px #10b98159;z-index:3;position:relative;flex-shrink:0}.dot-number{font-size:15px;font-weight:800;color:#fff}@keyframes dotPulse{0%,to{box-shadow:0 0 0 5px #10b98126,0 4px 14px #10b9814d}50%{box-shadow:0 0 0 8px #10b9811a,0 4px 20px #10b98173}}.flowchart-node:hover .flowchart-node-dot{animation:dotPulse 1.6s ease-in-out infinite}.flowchart-arm{width:24px;min-width:24px;align-self:center;height:3px;background:linear-gradient(90deg,#34d399,#a7f3d0);border-radius:2px;position:relative}.flowchart-arm:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:7px solid #a7f3d0;border-top:5px solid transparent;border-bottom:5px solid transparent}.flowchart-node-content{flex:1;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:14px;padding:24px 28px;border:2px solid #e2e8f0;transition:all .3s ease;position:relative;margin:8px 0}.flowchart-node:hover .flowchart-node-content{border-color:#10b981;box-shadow:0 8px 32px #10b9811f;transform:translate(4px)}.node-current .flowchart-node-dot{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 0 5px #10b98133,0 4px 14px #10b98166}.node-current .flowchart-node-content{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#6ee7b7}.node-dream .flowchart-node-dot{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 0 5px #f59e0b33,0 4px 14px #f59e0b66}.node-dream .flowchart-node-content{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fcd34d}.node-dream .flowchart-arm{background:linear-gradient(90deg,#fbbf24,#fde68a)}.node-dream .flowchart-arm:after{border-left-color:#fde68a}.node-current .flowchart-arm{background:linear-gradient(90deg,#34d399,#6ee7b7)}.node-current .flowchart-arm:after{border-left-color:#6ee7b7}.flowchart-node-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:8px}.flowchart-node-badges{display:flex;align-items:center;gap:10px}.progression-role{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 8px}.progression-description{font-size:15px;color:#475569;margin:0;line-height:1.6}.progression-duration{font-size:13px;color:#64748b;background:#fff;padding:5px 14px;border-radius:20px;font-weight:600;border:1px solid #e2e8f0}.step-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.current-badge{background:#10b981;color:#fff}.dream-badge{background:#f59e0b;color:#fff}.step-num{font-size:14px;color:#64748b;font-weight:600}.learning-node-content{padding:0;overflow:hidden}.learning-node-content .phase-header{padding:18px 24px;border-left:4px solid #10b981;background:linear-gradient(135deg,#f0fdf4,#d1fae5);display:flex;justify-content:space-between;align-items:center;border-radius:12px 12px 0 0}.learning-node-content .phase-header h4{font-size:18px;font-weight:700;color:#0f172a;margin:0}.phase-timeline{font-size:13px;color:#064e3b;background:#fff;padding:4px 12px;border-radius:20px;font-weight:600}.learning-node-content .phase-focus,.learning-node-content .phase-courses{padding:18px 24px}.learning-node-content .phase-focus strong,.learning-node-content .phase-courses strong{display:block;margin-bottom:12px;color:#0f172a;font-size:14px}.learning-node-content .phase-focus ul{margin:0;padding-left:20px;color:#475569}.learning-node-content .phase-focus li{margin-bottom:8px;line-height:1.5}.learning-node-content .phase-outcome{padding:16px 24px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-top:1px solid #fbbf24;font-size:14px;color:#78350f;line-height:1.5;border-radius:0 0 12px 12px}.learning-node-content .phase-outcome strong{display:inline;margin-right:4px;color:#92400e}@media (max-width: 768px){.flowchart{max-width:100%}.flowchart-rail{width:40px;min-width:40px}.flowchart-node-dot{width:36px;height:36px;min-height:36px}.flowchart-arm{width:16px;min-width:16px}.flowchart-node-content{padding:18px}.flowchart-node-header{flex-direction:column;align-items:flex-start}.progression-role{font-size:17px}.learning-node-content .phase-header{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 18px}.learning-node-content .phase-focus,.learning-node-content .phase-courses,.learning-node-content .phase-outcome{padding:14px 18px}}@media (max-width: 480px){.flowchart-rail{width:34px;min-width:34px}.flowchart-node-dot{width:30px;height:30px;min-height:30px;font-size:12px}.dot-number{font-size:12px}.flowchart-arm{width:12px;min-width:12px}.flowchart-arm:after{border-left-width:5px;border-top-width:4px;border-bottom-width:4px;right:-4px}.flowchart-node-content{padding:14px;margin:6px 0}.progression-role{font-size:16px}}.skill-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:24px}.skill-level-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:24px;border:2px solid #e2e8f0}.skill-level-title{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.skill-category{margin-bottom:20px}.skill-category:last-child{margin-bottom:0}.skill-category h5{font-size:14px;font-weight:600;color:#64748b;margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;word-wrap:break-word;overflow-wrap:break-word}.skill-tag.technical{background:#dbeafe;color:#1e40af}.skill-tag.soft{background:#fce7f3;color:#9f1239}.skill-tag.tools{background:#e0e7ff;color:#3730a3}.courses-grid{display:grid;gap:12px}.course-card-mini{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;padding:12px 16px;border:1px solid #e2e8f0}.course-name{font-weight:600;color:#0f172a;margin-bottom:4px;font-size:14px}.course-provider{font-size:13px;color:#64748b;margin-bottom:4px}.course-duration{font-size:12px;color:#10b981;font-weight:600}.strategy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:24px}.strategy-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;padding:24px;border:2px solid #e2e8f0}.strategy-heading{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.certifications-list,.projects-list,.networking-list,.tools-list{display:flex;flex-direction:column;gap:16px}.certification-item,.tool-item{background:linear-gradient(135deg,#f0fdf4,#d1fae5);border-radius:8px;padding:16px;border:1px solid #a7f3d0}.cert-header,.tool-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:8px;flex-wrap:wrap}.cert-name,.tool-name{font-weight:600;color:#0f172a;font-size:15px;word-wrap:break-word;overflow-wrap:break-word}.cert-priority,.tool-priority{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase}.cert-priority.High,.tool-priority.High{background:#fee2e2;color:#991b1b}.cert-priority.Medium,.tool-priority.Medium{background:#fef3c7;color:#92400e}.cert-priority.Low,.tool-priority.Low{background:#dbeafe;color:#1e40af}.cert-details{display:flex;gap:16px;font-size:13px;color:#64748b;margin-bottom:6px}.cert-stage,.tool-category,.tool-learning,.project-stage{font-size:12px;color:#059669;font-weight:600;margin-top:8px}.project-item{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;padding:16px;border:1px solid #fbbf24}.project-title{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 8px}.project-description{font-size:14px;color:#475569;margin:0 0 12px;line-height:1.5}.project-skills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.project-skill-tag{background:#fff;color:#92400e;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.networking-item{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:8px;padding:16px;border:1px solid #a5b4fc}.networking-activity{font-weight:700;color:#0f172a;margin-bottom:8px;font-size:15px}.networking-why{font-size:14px;color:#475569;margin-bottom:6px;line-height:1.5}.networking-when{font-size:12px;color:#3730a3;font-weight:600}.total-time{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;padding:20px 24px;margin-bottom:24px;border:2px solid #fbbf24;font-size:16px;color:#0f172a}.total-time strong{color:#92400e}.milestones-section,.decision-points-section{margin-top:28px}.milestones-section h4,.decision-points-section h4{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 20px}.milestones-timeline{display:flex;flex-direction:column;gap:16px}.milestone-item{background:linear-gradient(135deg,#f0fdf4,#d1fae5);border-radius:10px;padding:18px 20px;border-left:4px solid #10b981;display:grid;gap:8px}.milestone-timeline{font-size:13px;font-weight:700;color:#059669;text-transform:uppercase;letter-spacing:.5px}.milestone-achievement{font-size:16px;font-weight:600;color:#0f172a}.milestone-validation{font-size:14px;color:#475569}.decision-points{display:grid;gap:20px}.decision-point{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:10px;padding:20px;border:2px solid #fbbf24}.decision-when{font-size:13px;font-weight:700;color:#92400e;text-transform:uppercase;margin-bottom:10px;letter-spacing:.5px}.decision-question{font-size:16px;font-weight:600;color:#0f172a;margin-bottom:12px}.decision-options{margin:12px 0 0;padding-left:20px;color:#475569}.decision-options li{margin-bottom:8px;line-height:1.5}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:24px}.insight-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;padding:24px;border:2px solid #e2e8f0}.insight-card h4{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 16px}.insight-card p{font-size:15px;color:#475569;margin:0;line-height:1.6}.insight-card ul{margin:0;padding-left:20px;color:#475569}.insight-card li{margin-bottom:10px;line-height:1.5}.salary-card{background:linear-gradient(135deg,#f0fdf4,#d1fae5);border-color:#a7f3d0}.salary-ranges{display:flex;flex-direction:column;gap:12px}.salary-range{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #d1fae5;flex-wrap:wrap;gap:8px}.salary-label{font-size:14px;color:#64748b;font-weight:600}.salary-value{font-size:16px;color:#0f172a;font-weight:700}.salary-value.highlight{color:#10b981;font-size:18px}@media (max-width: 768px){.career-map-hero{padding:40px 28px}.career-map-title{font-size:32px}.career-map-tagline{font-size:16px}.career-map-description-card{flex-direction:column;padding:24px}.career-map-form-section,.how-it-works-section,.roadmap-includes-section{padding:32px 24px}.section-title{font-size:26px}.includes-grid{grid-template-columns:1fr}.results-header{flex-direction:column;gap:20px}.new-analysis-button{width:100%;justify-content:center}.skill-levels,.strategy-grid,.insights-grid{grid-template-columns:1fr}}@media (max-width: 480px){.career-map-hero{padding:32px 20px}.career-map-title{font-size:28px}.career-map-tagline{font-size:15px}.career-map-form-section,.how-it-works-section,.roadmap-includes-section{padding:24px 16px}.section-title{font-size:22px}.results-section{padding:20px 16px}.section-subtitle{font-size:20px}.progression-role{font-size:18px}.cert-header,.tool-header{flex-direction:column;align-items:flex-start}.cert-details{flex-wrap:wrap;gap:8px}.salary-range{flex-direction:column;align-items:flex-start;gap:4px}.milestone-achievement,.decision-question,.networking-activity,.project-title{font-size:14px;word-wrap:break-word;overflow-wrap:break-word}.total-time{font-size:14px;padding:16px 18px;word-wrap:break-word;overflow-wrap:break-word}.cm-next-steps-grid{grid-template-columns:1fr}}.cm-next-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:24px;margin-top:24px}.cm-next-step-card{background:#fff;border-radius:16px;padding:28px;border:2px solid #e2e8f0;transition:all .3s ease}.cm-next-step-card:hover{border-color:#10b981;box-shadow:0 4px 16px #10b98126}.cm-next-step-card h4{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 12px}.cm-next-step-card p{font-size:14px;color:#64748b;margin:0 0 20px;line-height:1.6}.cm-next-step-btn{width:100%;padding:12px 20px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;color:#fff}.cm-toolkit-btn{background:linear-gradient(135deg,#f59e0b,#d97706)}.cm-mcq-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.cm-next-step-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}@media (max-width: 480px){.cm-next-steps-grid{grid-template-columns:1fr}}.mcq-test-hero{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:20px;padding:60px 48px;margin-bottom:40px;position:relative;overflow:hidden}.mcq-test-hero:before{content:"";position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;transform:translate(30%,-30%)}.mcq-test-hero-content{position:relative;z-index:1;max-width:900px}.mcq-test-title{font-size:42px;font-weight:800;color:#fff;margin:0 0 20px;line-height:1.2;letter-spacing:-.5px}.mcq-test-tagline{font-size:18px;color:#fffffff2;margin:0;line-height:1.6;font-weight:400}.mcq-test-content{max-width:1200px;margin:0 auto}.mcq-test-description-card{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:16px;padding:32px;margin-bottom:48px;border:2px solid #ddd6fe;display:flex;gap:24px;align-items:flex-start}.mcq-test-description{font-size:16px;color:#5b21b6;line-height:1.8;margin:10px 0 0}.mcq-test-form-section{background:#fff;border-radius:20px;padding:48px;margin-bottom:48px;box-shadow:0 4px 24px #0000000f;border:1px solid #e2e8f0}.mcq-test-form{max-width:700px;margin:0 auto}.optional-label{font-size:14px;color:#94a3b8;font-weight:400}.mcq-test-cta-button{width:100%;padding:18px 32px;font-size:17px;font-weight:600;color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:32px;box-shadow:0 4px 16px #8b5cf64d}.mcq-test-cta-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #8b5cf666}.mcq-test-cta-button:active:not(:disabled){transform:translateY(0)}.mcq-test-cta-button:disabled{opacity:.5;cursor:not-allowed}.what-you-get-section{background:#fff;border-radius:20px;padding:48px;margin-bottom:48px;box-shadow:0 4px 24px #0000000f;border:1px solid #e2e8f0}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;margin-top:40px}.benefit-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;padding:32px 28px;border:2px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.benefit-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#8b5cf6,#7c3aed);transform:scaleX(0);transition:transform .3s ease}.benefit-card:hover{transform:translateY(-4px);border-color:#8b5cf6;box-shadow:0 8px 32px #8b5cf626}.benefit-card:hover:before{transform:scaleX(1)}.benefit-icon{width:60px;height:60px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#fff;box-shadow:0 4px 12px #0000001a}.benefit-icon.purple{background:linear-gradient(135deg,#a855f7,#7c3aed)}.benefit-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.benefit-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.benefit-icon.teal{background:linear-gradient(135deg,#06b6d4,#0891b2)}.benefit-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.benefit-icon.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.test-questions-section{background:#fff;border-radius:20px;padding:48px;margin-bottom:48px;box-shadow:0 4px 24px #0000000f;border:1px solid #e2e8f0}.test-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.test-meta{display:flex;gap:16px;align-items:center}.test-difficulty{padding:8px 16px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-radius:20px;font-size:14px;font-weight:600}.test-time{padding:8px 16px;background:#f1f5f9;color:#475569;border-radius:20px;font-size:14px;font-weight:600}.test-progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:10px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#7c3aed);border-radius:10px;transition:width .3s ease}.test-progress-text{text-align:center;font-size:14px;color:#64748b;margin-bottom:32px;font-weight:500}.question-card{background:linear-gradient(135deg,#fafafa,#f5f5f5);border-radius:16px;padding:40px;border:2px solid #e2e8f0}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.question-number{font-size:16px;font-weight:700;color:#8b5cf6;background:#fff;padding:8px 16px;border-radius:20px}.question-category{font-size:14px;color:#64748b;background:#fff;padding:8px 16px;border-radius:20px}.question-text{font-size:20px;font-weight:600;color:#0f172a;margin:0 0 32px;line-height:1.5}.options-container{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.option-card{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease}.option-card:hover{border-color:#8b5cf6;background:#faf5ff;transform:translate(4px)}.option-card.selected{border-color:#8b5cf6;background:linear-gradient(135deg,#f5f3ff,#ede9fe);box-shadow:0 4px 12px #8b5cf633}.option-letter{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.option-card.selected .option-letter{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #8b5cf666}.option-text{flex:1;font-size:16px;color:#334155;line-height:1.5}.question-navigation{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px}.nav-button{padding:12px 24px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.nav-button.prev{background:#f1f5f9;color:#475569}.nav-button.prev:hover:not(:disabled){background:#e2e8f0}.nav-button.next{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;margin-left:auto}.nav-button.next:hover:not(:disabled){transform:translate(2px);box-shadow:0 4px 12px #8b5cf64d}.nav-button.submit{background:linear-gradient(135deg,#10b981,#059669);color:#fff;margin-left:auto}.nav-button.submit:hover{box-shadow:0 4px 12px #10b9814d}.nav-button:disabled{opacity:.5;cursor:not-allowed}.answer-summary{text-align:center;padding-top:24px;border-top:2px solid #e2e8f0}.answer-summary p{font-size:14px;color:#64748b;margin:0 0 16px;font-weight:500}.answer-dots{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.answer-dot{width:12px;height:12px;border-radius:50%;background:#e2e8f0;cursor:pointer;transition:all .2s ease}.answer-dot.answered{background:#8b5cf6}.answer-dot.current{width:16px;height:16px;border:3px solid #8b5cf6;background:#fff}.answer-dot:hover{transform:scale(1.2)}.score-card{background:linear-gradient(135deg,#fafafa,#f5f5f5);border-radius:20px;padding:48px;margin-bottom:48px;display:flex;align-items:center;justify-content:center;gap:60px;flex-wrap:wrap;border:2px solid #e2e8f0}.score-circle{position:relative;width:200px;height:200px}.score-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.score-value{font-size:48px;font-weight:800;color:#0f172a;line-height:1;margin-bottom:8px}.score-label{font-size:14px;font-weight:700;color:#64748b;letter-spacing:1px}.score-details{display:flex;flex-direction:column;gap:24px}.score-stat{display:flex;flex-direction:column;gap:8px}.stat-label{font-size:14px;color:#64748b;font-weight:500}.stat-value{font-size:24px;color:#0f172a;font-weight:700}.skill-categories{display:flex;flex-direction:column;gap:20px;margin-top:24px}.category-bar{background:#fff;border-radius:12px;padding:20px;border:2px solid #e2e8f0}.category-bar.strong{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.category-bar.weak{border-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.category-info{display:flex;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}.category-name{font-size:16px;font-weight:600;color:#0f172a}.category-score{font-size:14px;font-weight:600;color:#64748b}.category-progress{width:100%;height:8px;background:#e2e8f0;border-radius:10px;overflow:hidden}.category-fill{height:100%;border-radius:10px;transition:width .5s ease}.category-bar.strong .category-fill{background:linear-gradient(90deg,#10b981,#059669)}.category-bar.average .category-fill{background:linear-gradient(90deg,#3b82f6,#2563eb)}.category-bar.weak .category-fill{background:linear-gradient(90deg,#f59e0b,#d97706)}.strength-cards,.weakness-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:24px}.strength-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:16px;padding:24px;border:2px solid #86efac}.strength-header,.weakness-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.strength-card h4{font-size:18px;font-weight:700;color:#065f46;margin:0}.strength-badge{padding:6px 12px;background:#10b981;color:#fff;border-radius:20px;font-size:14px;font-weight:700}.strength-card p{font-size:14px;color:#047857;margin:0;line-height:1.6}.weakness-card{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-radius:16px;padding:24px;border:2px solid #fde68a}.weakness-card h4{font-size:18px;font-weight:700;color:#92400e;margin:0}.weakness-badge{padding:6px 12px;background:#f59e0b;color:#fff;border-radius:20px;font-size:14px;font-weight:700}.weakness-card p{font-size:14px;color:#b45309;margin:0;line-height:1.6}.recommendations{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:24px}.recommendation-card{background:#fff;border-radius:16px;padding:28px;border:2px solid #e2e8f0;transition:all .3s ease}.recommendation-card:hover{border-color:#8b5cf6;box-shadow:0 4px 16px #8b5cf626}.recommendation-card h4{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 12px}.recommendation-card p{font-size:14px;color:#64748b;margin:0 0 20px;line-height:1.6}.toolkit-link,.career-map-link,.retake-button{width:100%;padding:12px 20px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.toolkit-link{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.career-map-link{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.retake-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.toolkit-link:hover,.career-map-link:hover,.retake-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.detailed-review{display:flex;flex-direction:column;gap:20px;margin-top:24px}.review-card{background:#fff;border-radius:16px;padding:24px;border-left:4px solid #e2e8f0}.review-card.correct{border-left-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#fff)}.review-card.incorrect{border-left-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fff)}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.review-number{font-size:14px;font-weight:700;color:#64748b}.review-status{padding:6px 12px;border-radius:20px;font-size:13px;font-weight:700}.review-status.correct{background:#10b981;color:#fff}.review-status.incorrect{background:#ef4444;color:#fff}.review-question{font-size:16px;font-weight:600;color:#0f172a;margin:0 0 16px;line-height:1.5}.review-answers{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px;background:#f8fafc;border-radius:8px}.review-answer{font-size:14px;color:#475569;display:flex;gap:8px}.correct-answer{color:#10b981;font-weight:700}.wrong-answer{color:#ef4444;font-weight:700}.review-explanation{font-size:14px;color:#64748b;line-height:1.6;padding:16px;background:#fafafa;border-radius:8px;border-left:3px solid #8b5cf6}.review-explanation strong{color:#0f172a}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}@media (max-width: 768px){.mcq-test-hero{padding:40px 28px}.mcq-test-title{font-size:32px}.mcq-test-tagline{font-size:16px}.mcq-test-description-card{flex-direction:column;padding:24px}.mcq-test-form-section,.how-it-works-section,.what-you-get-section,.test-questions-section{padding:32px 24px}.question-card{padding:28px 20px}.question-text{font-size:18px}.score-card{flex-direction:column;padding:32px 24px;gap:32px}.benefits-grid,.strength-cards,.weakness-cards,.recommendations{grid-template-columns:1fr}}@media (max-width: 480px){.mcq-test-hero{padding:32px 20px}.mcq-test-title{font-size:28px}.mcq-test-tagline{font-size:15px}.test-questions-section,.question-card{padding:24px 16px}.option-card{padding:16px}.question-navigation{flex-direction:column}.nav-button.next{margin-left:0}}.retake-test-section{display:flex;justify-content:center;padding:32px 0 16px;margin-top:24px;border-top:1px solid #e2e8f0}.retake-test-button{display:inline-flex;align-items:center;gap:10px;padding:16px 40px;font-size:17px;font-weight:700;color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #7c3aed59;letter-spacing:.3px}.retake-test-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #7c3aed73;background:linear-gradient(135deg,#7c3aed,#6d28d9)}.retake-test-button:active{transform:translateY(0)}.retake-test-button svg{flex-shrink:0}.support-modal-overlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.support-modal-content{background:#fff;border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.support-modal-close{position:absolute;top:20px;right:20px;background:#ef44441a;color:#ef4444;border:none;width:40px;height:40px;border-radius:50%;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1;line-height:1;padding:0}.support-modal-close:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.support-modal-close:disabled{opacity:.5;cursor:not-allowed}.support-modal-header{text-align:center;padding:48px 40px 32px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:20px 20px 0 0;position:relative;overflow:hidden}.support-modal-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:shimmer 4s ease-in-out infinite}@keyframes shimmer{0%,to{transform:translate(0)}50%{transform:translate(-20%,-20%)}}.support-modal-icon{width:80px;height:80px;margin:0 auto 20px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);position:relative;z-index:1}.support-modal-icon svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.support-modal-header h2{font-size:28px;font-weight:800;margin:0 0 8px;position:relative;z-index:1}.support-modal-header p{font-size:15px;opacity:.95;margin:0;position:relative;z-index:1}.support-form{padding:32px 40px 40px}.support-category-display{text-align:center;margin-bottom:28px}.category-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:50px;font-size:14px;font-weight:600;color:#374151;border:2px solid #d1d5db}.category-badge svg{color:#10b981}.support-issue-section,.support-description-section{margin-bottom:24px}.support-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#0f172a;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.support-label svg{color:#10b981}.selected-issue-box{padding:16px 20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;border-left:4px solid #f59e0b;font-size:15px;color:#78350f;font-weight:600;line-height:1.6}.support-textarea{width:100%;padding:16px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;resize:vertical;transition:all .3s ease;color:#0f172a}.support-textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.support-textarea::-moz-placeholder{color:#94a3b8}.support-textarea::placeholder{color:#94a3b8}.support-textarea:disabled{background:#f8fafc;cursor:not-allowed}.support-counter{display:flex;justify-content:flex-end;gap:16px;margin-top:8px;font-size:13px;color:#64748b}.support-counter .warning{color:#f59e0b;font-weight:600}.support-user-info{display:flex;align-items:center;gap:8px;padding:14px 18px;background:#f8fafc;border-radius:10px;font-size:14px;color:#475569;margin-bottom:24px;border:1px solid #e2e8f0}.support-user-info svg{color:#10b981;flex-shrink:0}.support-user-info strong{color:#0f172a}.support-submit-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 16px #10b9814d}.support-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #10b98166;background:linear-gradient(135deg,#059669,#047857)}.support-submit-btn:active:not(:disabled){transform:translateY(0)}.support-submit-btn:disabled{opacity:.7;cursor:not-allowed}.support-submit-btn .spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.support-note{display:flex;align-items:flex-start;gap:8px;margin-top:16px;padding:12px 16px;background:#eff6ff;border-radius:8px;font-size:13px;color:#1e40af;line-height:1.5;border-left:3px solid #3b82f6}.support-note svg{flex-shrink:0;margin-top:2px;color:#3b82f6}.support-success{padding:60px 40px;text-align:center}.success-icon{width:100px;height:100px;margin:0 auto 24px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.support-success h2{font-size:32px;font-weight:800;color:#0f172a;margin:0 0 12px}.support-success p{font-size:16px;color:#64748b;margin:0 0 8px;line-height:1.6}.success-subtext{font-size:15px;color:#475569;line-height:1.7;margin-bottom:24px!important}.success-subtext strong{color:#10b981;font-weight:700}.success-reference{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:50px;font-size:14px;color:#166534;font-weight:600;border:2px solid #86efac}.success-reference svg{color:#10b981}@media (max-width: 768px){.support-modal-content{max-width:95%;border-radius:16px}.support-modal-header{padding:36px 24px 24px;border-radius:16px 16px 0 0}.support-modal-icon{width:64px;height:64px;margin-bottom:16px}.support-modal-icon svg{width:36px;height:36px}.support-modal-header h2{font-size:24px}.support-modal-header p{font-size:14px}.support-form{padding:24px 20px 32px}.support-textarea{font-size:14px;padding:14px}.support-submit-btn{font-size:15px;padding:14px 20px}.support-success{padding:48px 24px}.success-icon{width:80px;height:80px}.success-icon svg{width:48px;height:48px}.support-success h2{font-size:26px}.support-success p{font-size:15px}}@media (max-width: 480px){.support-modal-header{padding:28px 20px 20px}.support-modal-header h2{font-size:20px}.support-form{padding:20px 16px 24px}.category-badge{font-size:13px;padding:8px 16px}.selected-issue-box{font-size:14px;padding:14px 16px}.support-note{font-size:12px;padding:10px 12px}.success-reference{font-size:13px;padding:10px 20px}}.ticket-chat-overlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:tcFadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes tcFadeIn{0%{opacity:0}to{opacity:1}}.ticket-chat-modal{background:#fff;border-radius:20px;max-width:640px;width:100%;max-height:90vh;display:flex;flex-direction:column;position:relative;box-shadow:0 25px 80px #00000059;animation:tcSlideUp .4s ease-out;overflow:hidden}@keyframes tcSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ticket-chat-close-top{position:absolute;top:16px;right:16px;background:#fff3;color:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2;line-height:1;padding:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ticket-chat-close-top:hover{background:#ef4444e6;transform:rotate(90deg)}.ticket-chat-header{background:linear-gradient(135deg,#10b981,#059669);padding:24px 28px;display:flex;align-items:center;gap:16px;color:#fff;position:relative;overflow:hidden}.ticket-chat-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);animation:tcShimmer 4s ease-in-out infinite}@keyframes tcShimmer{0%,to{transform:translate(0)}50%{transform:translate(-20%,-20%)}}.ticket-chat-header-icon{width:56px;height:56px;min-width:56px;background:#fff3;border-radius:14px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);position:relative;z-index:1}.ticket-chat-header-info{flex:1;position:relative;z-index:1}.ticket-chat-header-info h3{font-size:20px;font-weight:800;margin:0 0 8px;letter-spacing:.5px}.ticket-chat-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ticket-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:50px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1.5px solid}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}.ticket-chat-category{font-size:13px;opacity:.9;font-weight:500}.ticket-chat-issue-tag{display:flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#fef3c7,#fde68a);font-size:14px;color:#78350f;font-weight:600;border-bottom:1px solid #fbbf24}.ticket-chat-issue-tag svg{color:#f59e0b;flex-shrink:0}.ticket-chat-body{flex:1;overflow-y:auto;padding:24px 20px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);min-height:200px;max-height:380px}.ticket-chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:12px;color:#94a3b8;font-size:15px}.chat-message{display:flex;gap:10px;margin-bottom:20px;animation:msgFade .3s ease-out}@keyframes msgFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message-user{flex-direction:row-reverse}.chat-message-user .chat-message-content{align-items:flex-end}.chat-message-user .chat-message-bubble{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:18px 18px 4px;box-shadow:0 3px 12px #10b98140}.chat-message-user .chat-message-sender{text-align:right}.chat-message-admin .chat-message-bubble{background:#fff;color:#1e293b;border-radius:18px 18px 18px 4px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f}.chat-message-admin .chat-message-avatar{background:linear-gradient(135deg,#3b82f6,#2563eb)}.chat-message-avatar{width:36px;height:36px;min-width:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#10b981,#059669);flex-shrink:0;margin-top:4px}.chat-message-content{display:flex;flex-direction:column;max-width:75%}.chat-message-sender{font-size:12px;font-weight:700;color:#64748b;margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px}.chat-message-bubble{padding:12px 16px;font-size:14px;line-height:1.6;word-wrap:break-word;white-space:pre-wrap}.chat-message-time{font-size:11px;color:#94a3b8;margin-top:4px;padding:0 4px}.ticket-chat-input-area{display:flex;gap:10px;padding:16px 20px;background:#fff;border-top:1px solid #e2e8f0;align-items:flex-end}.ticket-chat-input{flex:1;padding:12px 16px;border:2px solid #e2e8f0;border-radius:14px;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;resize:none;transition:all .3s ease;color:#0f172a;max-height:100px}.ticket-chat-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.ticket-chat-input::-moz-placeholder{color:#94a3b8}.ticket-chat-input::placeholder{color:#94a3b8}.ticket-chat-input:disabled{background:#f8fafc;cursor:not-allowed}.ticket-chat-send-btn{width:48px;height:48px;min-width:48px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.ticket-chat-send-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 20px #10b98166}.ticket-chat-send-btn:active:not(:disabled){transform:scale(.95)}.ticket-chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.ticket-chat-send-btn .send-spinner{animation:tcSpin 1s linear infinite}@keyframes tcSpin{to{transform:rotate(360deg)}}.ticket-chat-closed-banner{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 20px;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;font-size:14px;font-weight:600;border-top:1px solid #fca5a5}.ticket-chat-bottom-close{display:flex;justify-content:center;padding:16px 20px 20px;background:#fff}.ticket-chat-close-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 36px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #ef44444d}.ticket-chat-close-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ef444466;background:linear-gradient(135deg,#dc2626,#b91c1c)}.ticket-chat-close-btn:active{transform:translateY(0)}.ticket-chat-body::-webkit-scrollbar{width:6px}.ticket-chat-body::-webkit-scrollbar-track{background:transparent}.ticket-chat-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.ticket-chat-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 768px){.ticket-chat-modal{max-width:95%;max-height:92vh;border-radius:16px}.ticket-chat-header{padding:20px}.ticket-chat-header-icon{width:44px;height:44px;min-width:44px;border-radius:12px}.ticket-chat-header-icon svg{width:24px;height:24px}.ticket-chat-header-info h3{font-size:17px}.ticket-chat-body{padding:16px 14px;max-height:300px}.chat-message-content{max-width:80%}.chat-message-bubble{font-size:13px;padding:10px 14px}.ticket-chat-input-area{padding:12px 14px}.ticket-chat-input{font-size:13px;padding:10px 14px}.ticket-chat-send-btn{width:42px;height:42px;min-width:42px}.ticket-chat-close-btn{font-size:14px;padding:10px 28px}}@media (max-width: 480px){.ticket-chat-header{padding:16px;gap:12px}.ticket-chat-header-icon{width:40px;height:40px;min-width:40px}.ticket-chat-header-info h3{font-size:15px}.ticket-chat-meta{gap:6px}.ticket-status-badge{font-size:10px;padding:3px 8px}.ticket-chat-category{font-size:11px}.ticket-chat-issue-tag{padding:10px 16px;font-size:13px}.ticket-chat-body{max-height:250px;padding:12px 10px}.chat-message-avatar{width:30px;height:30px;min-width:30px}.chat-message-avatar svg{width:14px;height:14px}.ticket-chat-bottom-close{padding:12px 16px 16px}}.customer-support-page{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#fff);padding-top:80px}.support-hero{background:linear-gradient(135deg,#10b981,#059669);padding:80px 20px;position:relative;overflow:hidden}.support-hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.4}.support-hero-content{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:1}.support-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;color:#fff;font-size:14px;font-weight:600;margin-bottom:24px;border:1px solid rgba(255,255,255,.3);animation:fadeInUp .6s ease-out}.support-hero-badge svg{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.support-hero h1{font-size:56px;font-weight:800;color:#fff;margin:0 0 24px;line-height:1.2;animation:fadeInUp .6s ease-out .2s both}.support-hero p{font-size:18px;color:#fffffff2;line-height:1.7;max-width:700px;margin:0 auto 32px;animation:fadeInUp .6s ease-out .4s both}.support-hero-cta{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:#fff;border-radius:12px;color:#10b981;font-size:16px;font-weight:600;box-shadow:0 10px 30px #0003;animation:fadeInUp .6s ease-out .6s both}.support-hero-cta svg{flex-shrink:0}.support-categories-section{padding:80px 20px}.my-tickets-section{padding:60px 20px 40px;background:linear-gradient(180deg,#f0fdf4,#f8fafc);border-bottom:1px solid #e2e8f0}.my-tickets-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.my-tickets-title-row{display:flex;align-items:center;gap:16px}.my-tickets-icon{width:56px;height:56px;min-width:56px;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 16px #10b98140}.my-tickets-title{font-size:28px;font-weight:800;color:#0f172a;margin:0;line-height:1.2}.my-tickets-subtitle{font-size:15px;color:#64748b;margin:4px 0 0}.my-tickets-count{display:flex;flex-direction:column;align-items:center;padding:12px 20px;background:#fff;border-radius:14px;box-shadow:0 2px 12px #0000000f;border:1px solid #e2e8f0}.ticket-count-number{font-size:28px;font-weight:800;color:#10b981;line-height:1}.ticket-count-label{font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.ticket-filter-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.ticket-filter-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:#fff;border:2px solid #e2e8f0;border-radius:50px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s ease}.ticket-filter-tab:hover{border-color:#10b981;color:#10b981;background:#f0fdf4}.ticket-filter-tab.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:transparent;box-shadow:0 4px 12px #10b9814d}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:#00000014;border-radius:50px;font-size:12px;font-weight:700}.ticket-filter-tab.active .tab-count{background:#ffffff40}.tickets-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.ticket-card{background:#fff;border-radius:16px;padding:20px 24px;border:1px solid #e2e8f0;box-shadow:0 2px 12px #0000000a;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.ticket-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#10b981,#059669);opacity:0;transition:opacity .3s ease}.ticket-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a;border-color:#10b981}.ticket-card:hover:before{opacity:1}.ticket-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ticket-card-id{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#10b981;font-family:Courier New,monospace}.ticket-card-id svg{color:#10b981}.ticket-card-status{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:50px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;border:1.5px solid}.status-dot-small{width:6px;height:6px;border-radius:50%;display:inline-block}.ticket-card-category{font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.ticket-card-issue{font-size:16px;font-weight:700;color:#0f172a;margin-bottom:8px;line-height:1.4}.ticket-card-preview{font-size:14px;color:#64748b;line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticket-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid #f1f5f9}.ticket-card-date{display:flex;align-items:center;gap:6px;font-size:13px;color:#94a3b8;font-weight:500}.ticket-card-date svg{color:#cbd5e1}.ticket-card-actions{display:flex;align-items:center;gap:10px}.ticket-has-response{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#3b82f6;background:#eff6ff;padding:3px 8px;border-radius:50px}.ticket-has-response svg{color:#3b82f6}.ticket-view-btn{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:#10b981;transition:all .2s ease}.ticket-card:hover .ticket-view-btn{gap:8px}.ticket-view-btn svg{transition:transform .2s ease}.ticket-card:hover .ticket-view-btn svg{transform:translate(2px)}.tickets-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;gap:16px;color:#64748b;font-size:15px}.tickets-loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#10b981;border-radius:50%;animation:ticketSpin .8s linear infinite}@keyframes ticketSpin{to{transform:rotate(360deg)}}.tickets-empty,.tickets-empty-filter{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;gap:8px}.tickets-empty svg{margin-bottom:8px}.tickets-empty p,.tickets-empty-filter p{font-size:17px;font-weight:700;color:#475569;margin:0}.tickets-empty span{font-size:14px;color:#94a3b8}.tickets-empty-filter p{color:#94a3b8;font-weight:500}.support-container{max-width:1200px;margin:0 auto}.section-title{font-size:42px;font-weight:800;color:#0f172a;text-align:center;margin:0 0 60px;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.support-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.support-category-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #e2e8f0}.support-category-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.category-header{padding:28px 24px;color:#fff;text-align:center;position:relative;overflow:hidden}.category-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{transform:translate(0)}50%{transform:translate(-30%,-30%)}}.category-icon{font-size:48px;display:block;margin-bottom:12px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.category-header h3{font-size:20px;font-weight:700;margin:0;position:relative;z-index:1}.category-issues{list-style:none;padding:28px 24px;margin:0}.category-issues li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;font-size:15px;color:#475569;line-height:1.6;border-bottom:1px solid #f1f5f9}.category-issues li:last-child{border-bottom:none}.category-issues li svg{flex-shrink:0;color:#10b981;margin-top:2px}.category-issues li.clickable-issue{cursor:pointer;transition:all .3s ease;padding:12px 16px;margin:0 -16px;border-radius:8px}.category-issues li.clickable-issue:hover{background:linear-gradient(135deg,#f0fdf4,#dcfce7);transform:translate(8px);border-bottom-color:transparent}.category-issues li.clickable-issue:hover svg{transform:scale(1.2);color:#059669}.category-issues li.clickable-issue:active{transform:translate(4px) scale(.98)}.support-notice-section{padding:0 20px 60px}.support-notice{max-width:900px;margin:0 auto;display:flex;align-items:center;gap:20px;padding:24px 32px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;border-left:4px solid #f59e0b;box-shadow:0 4px 12px #f59e0b26}.support-notice svg{flex-shrink:0;color:#f59e0b}.support-notice p{margin:0;font-size:16px;color:#78350f;line-height:1.6;font-weight:500}.support-contact-section{padding:80px 20px;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.contact-card{max-width:800px;margin:0 auto;background:#fff;border-radius:24px;padding:60px 48px;box-shadow:0 20px 60px #0000001a;border:1px solid #e2e8f0}.contact-header{text-align:center;margin-bottom:48px}.contact-header svg{color:#10b981;margin-bottom:24px}.contact-header h2{font-size:38px;font-weight:800;color:#0f172a;margin:0 0 16px}.contact-header p{font-size:17px;color:#64748b;line-height:1.7;margin:0}.contact-details{display:flex;flex-direction:column;gap:32px;margin-bottom:40px}.contact-item{display:flex;gap:20px;align-items:flex-start}.contact-item-icon{width:56px;height:56px;min-width:56px;background:linear-gradient(135deg,#10b981,#059669);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 16px #10b98140}.contact-item-content{flex:1}.contact-label{display:block;font-size:13px;font-weight:700;text-transform:uppercase;color:#10b981;letter-spacing:.5px;margin-bottom:8px}.contact-value{display:block;font-size:20px;font-weight:700;color:#0f172a;margin-bottom:4px;text-decoration:none;transition:color .3s ease}.contact-value:hover{color:#10b981}.contact-item-content p.contact-value{font-size:18px;font-weight:600;margin-bottom:8px}.contact-note{font-size:14px;color:#64748b;margin:0;line-height:1.6}.contact-footer{text-align:center;padding-top:40px;border-top:2px solid #f1f5f9}.thank-you-badge{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:50px;color:#78350f;font-size:16px;font-weight:700;border:2px solid #fbbf24}.thank-you-badge svg{color:#ef4444;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.05)}}.support-quick-links{padding:60px 20px 80px}.quick-links-card{max-width:700px;margin:0 auto;text-align:center;padding:48px 40px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:20px;box-shadow:0 12px 40px #3b82f64d;color:#fff}.quick-links-card h3{font-size:32px;font-weight:800;margin:0 0 12px}.quick-links-card p{font-size:17px;margin:0 0 32px;opacity:.95;line-height:1.6}.faq-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:#fff;color:#2563eb;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #0003}.faq-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}.faq-btn:active{transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.support-hero{padding:60px 20px}.support-hero h1{font-size:36px}.support-hero p{font-size:16px}.support-hero-cta{font-size:14px;padding:14px 24px;flex-direction:column;text-align:center}.section-title{font-size:32px;margin-bottom:40px}.support-categories-section{padding:60px 20px}.support-categories-grid{grid-template-columns:1fr;gap:20px}.contact-card{padding:40px 28px}.contact-header h2{font-size:28px}.contact-header p{font-size:15px}.contact-item{flex-direction:column;align-items:center;text-align:center}.quick-links-card{padding:36px 24px}.quick-links-card h3{font-size:24px}.quick-links-card p{font-size:15px}.support-notice{flex-direction:column;text-align:center;padding:20px 24px}.my-tickets-section{padding:40px 16px 32px}.my-tickets-header{flex-direction:column;align-items:flex-start;gap:16px}.my-tickets-icon{width:44px;height:44px;min-width:44px;border-radius:12px}.my-tickets-icon svg{width:22px;height:22px}.my-tickets-title{font-size:22px}.my-tickets-subtitle{font-size:13px}.tickets-list{grid-template-columns:1fr}.ticket-filter-tabs{gap:6px}.ticket-filter-tab{padding:6px 14px;font-size:13px}}@media (max-width: 480px){.support-hero h1{font-size:28px}.section-title{font-size:26px}.support-categories-grid{grid-template-columns:1fr}.contact-card{padding:32px 20px}.contact-header h2{font-size:24px}.my-tickets-title-row{gap:12px}.my-tickets-title{font-size:19px}.ticket-card{padding:16px 18px;border-radius:14px}.ticket-card-issue{font-size:14px}.ticket-card-preview{font-size:13px}.ticket-filter-tab{padding:5px 12px;font-size:12px}.tab-count{min-width:18px;height:18px;font-size:10px}}.maintenance-page{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.maintenance-content{text-align:center;max-width:520px;padding:48px 36px;background:#fff;border-radius:20px;box-shadow:0 8px 40px #00000014}.maintenance-logo{margin-bottom:28px;display:flex;justify-content:center}.maintenance-logo img{height:56px;width:auto}.maintenance-icon{display:flex;align-items:center;justify-content:center;width:120px;height:120px;margin:0 auto 28px;background:#f1f5f9;border-radius:50%;animation:maintenance-spin 8s linear infinite}@keyframes maintenance-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.maintenance-title{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 16px}.maintenance-message{font-size:16px;line-height:1.7;color:#475569;margin:0 0 24px}.maintenance-divider{width:60px;height:3px;background:#e2e8f0;border-radius:2px;margin:0 auto 24px}.maintenance-subtext{font-size:13px;color:#94a3b8;margin:0}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;width:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{width:100%;min-height:100vh;overflow-x:hidden;padding-top:0}@media (max-width: 768px){.App{padding-top:66px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hero-section{padding-top:24px}section,footer{max-width:100vw;overflow-x:hidden}}@media (max-width: 480px){.App{padding-top:60px}.hero-section{padding-top:18px}}.container{width:100%;margin:0 auto;padding:0 24px}.full-width{width:100%;margin:0;padding:0}.btn-primary{background:linear-gradient(135deg,#1a8063,#16a085);color:#fff;border:none;padding:14px 28px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #1a80634d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #1a806366}.btn-transparent{background:transparent;color:#1a8063;border:2px solid #1A8063;padding:14px 28px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-transparent:hover{background:#1a8063;color:#fff;transform:translateY(-2px)}.hero-section{min-height:80vh;display:flex;align-items:center;background:linear-gradient(135deg,#f8fffe,#ecfdf5);padding:20px 0 30px;position:relative;overflow:hidden;width:100%}.hero-content{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;width:100%}.hero-title{font-size:clamp(1.75rem,4vw + .5rem,3.5rem);font-weight:600;line-height:1.1;color:#1e293b;margin-bottom:24px;text-align:left}.gradient-text{background:linear-gradient(135deg,#1a8063,#16a085);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:clamp(1rem,1.2vw + .5rem,1.25rem);color:#64748b;margin-bottom:40px;line-height:1.6;text-align:left}.hero-actions{display:flex;gap:20px;margin-bottom:50px;justify-content:flex-start;flex-wrap:wrap}@media (max-width: 768px){.hero-actions{justify-content:center;padding-left:0}}.hero-stats{display:flex;gap:40px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:40px}.stat{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:120px;padding:15px;background:#ffffff0d;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.stat:hover{transform:translateY(-5px);background:#ffffff1a;box-shadow:0 10px 30px #0000001a}.stat-number{font-size:clamp(1.25rem,2vw + .5rem,2rem);font-weight:800;color:#1a8063;margin-bottom:8px;display:flex;align-items:center;justify-content:center;line-height:1}.stat-label{font-size:clamp(.7rem,.8vw + .3rem,.875rem);color:#64748b;font-weight:500}.hero-visual{display:flex;justify-content:center;align-items:center;flex:1;padding:10px}.resume-mockup{width:320px;height:420px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;overflow:hidden;transform:rotate(5deg);transition:transform .3s ease}.resume-mockup:hover{transform:rotate(0) scale(1.05)}.mockup-header{height:40px;background:#f8fafc;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid #e2e8f0}.mockup-dots{display:flex;gap:6px}.mockup-dots span{width:8px;height:8px;border-radius:50%;background:#cbd5e1}.mockup-dots span:first-child{background:#ef4444}.mockup-dots span:nth-child(2){background:#f59e0b}.mockup-dots span:nth-child(3){background:#10b981}.mockup-content{padding:24px}.mockup-line{height:12px;background:#e2e8f0;border-radius:6px;margin-bottom:12px}.mockup-line.long{width:100%}.mockup-line.medium{width:70%}.mockup-line.short{width:40%}.mockup-section{margin-top:24px;padding-top:16px;border-top:1px solid #f1f5f9}.promo-banner{position:relative;padding:40px 20px;background:linear-gradient(135deg,#1a8063,#0f5f47,#1a8063);background-size:200% 200%;animation:gradientShift 8s ease infinite;overflow:hidden}.promo-banner-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;opacity:.3}.floating-particle{position:absolute;background:#fff3;border-radius:50%;animation:float 20s infinite ease-in-out}.particle-1{width:80px;height:80px;top:10%;left:10%;animation-delay:0s}.particle-2{width:60px;height:60px;top:60%;right:15%;animation-delay:2s}.particle-3{width:100px;height:100px;bottom:20%;left:70%;animation-delay:4s}.particle-4{width:50px;height:50px;top:40%;right:40%;animation-delay:6s}.promo-content{position:relative;z-index:1;max-width:900px;margin:0 auto;text-align:center}.promo-badge{display:inline-block;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:8px 20px;border-radius:30px;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:20px;border:2px solid rgba(255,255,255,.3);animation:pulse 2s ease-in-out infinite}.promo-title{font-size:48px;font-weight:800;color:#fff;margin-bottom:16px;line-height:1.2;text-shadow:0 2px 20px rgba(0,0,0,.2)}.promo-highlight{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:56px;animation:glow 2s ease-in-out infinite}.promo-description{font-size:18px;color:#ffffffe6;margin-bottom:35px;font-weight:400}.promo-actions{display:flex;flex-direction:column;align-items:center;gap:25px}.btn-promo-primary{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e293b;font-size:18px;font-weight:700;padding:18px 45px;border:none;border-radius:50px;cursor:pointer;box-shadow:0 10px 30px #fbbf2466;transition:all .3s ease;position:relative;overflow:hidden}.btn-promo-primary: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 .5s ease}.btn-promo-primary:hover:before{left:100%}.btn-promo-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #fbbf2499}.promo-timer{display:flex;flex-direction:column;align-items:center;gap:12px}.timer-label{color:#fffc;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:1px}.timer-digits{display:flex;align-items:center;gap:10px}.timer-block{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 18px;display:flex;flex-direction:column;align-items:center;min-width:80px}.timer-number{font-size:32px;font-weight:800;color:#fff;line-height:1;font-family:Courier New,monospace}.timer-unit{font-size:11px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.timer-separator{font-size:28px;font-weight:700;color:#fff;animation:blink 1s infinite}@keyframes float{0%,to{transform:translateY(0) translate(0) scale(1)}25%{transform:translateY(-30px) translate(20px) scale(1.1)}50%{transform:translateY(-60px) translate(-15px) scale(.9)}75%{transform:translateY(-30px) translate(-20px) scale(1.05)}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #fff6}50%{transform:scale(1.05);box-shadow:0 0 0 10px #fff0}}@keyframes glow{0%,to{filter:drop-shadow(0 0 10px rgba(251,191,36,.6))}50%{filter:drop-shadow(0 0 20px rgba(251,191,36,.9))}}@keyframes blink{0%,49%,to{opacity:1}50%,99%{opacity:.3}}@media (max-width: 768px){.promo-banner{padding:40px 20px}.promo-title{font-size:32px}.promo-highlight{font-size:38px}.promo-description{font-size:16px}.btn-promo-primary{font-size:16px;padding:15px 35px}.timer-block{min-width:65px;padding:10px 12px}.timer-number{font-size:24px}.timer-unit{font-size:10px}}.trusted-companies-section{padding:40px 0;background:linear-gradient(135deg,#f8fafb,#fff);border-top:1px solid #e5e7eb;overflow:hidden}.trusted-title{text-align:center;font-size:28px;font-weight:700;color:#1f2937;margin-bottom:50px}.companies-slider{width:100%;overflow:hidden;position:relative;padding:20px 0}.companies-track{display:flex;animation:scroll 30s linear infinite;width:-moz-fit-content;width:fit-content}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.companies-slider:hover .companies-track{animation-play-state:paused}.company-slide{flex:0 0 auto;width:200px;height:100px;display:flex;align-items:center;justify-content:center;margin:0 20px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.company-slide:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001f}.company-logo-slide{max-width:150px;max-height:70px;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;transition:all .3s ease}.company-slide:hover .company-logo-slide{transform:scale(1.1)}@media (max-width: 768px){.trusted-companies-section{padding:40px 0}.trusted-title{font-size:22px;margin-bottom:30px}.company-slide{width:150px;height:80px;margin:0 15px;padding:15px}.company-logo-slide{max-width:100px;max-height:50px}.companies-track{animation:scroll 20s linear infinite}}.product-section{padding:50px 0;background:#fff}.section-header{text-align:center;margin-bottom:40px;max-width:900px;margin-left:auto;margin-right:auto}.section-header h2{font-size:clamp(1.5rem,2.5vw + .5rem,2.625rem);font-weight:700;color:#1e293b;margin-bottom:0;line-height:1.2;text-align:center}.section-header p{font-size:18px;color:#64748b;margin:0;line-height:1.4}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:100%}.feature-card{background:#fafbfc;padding:32px;border-radius:16px;text-align:center;transition:all .3s ease;border:2px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a;border-color:#1a8063}.feature-icon{font-size:48px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 32px #667eea4d;transition:all .3s ease;position:relative;overflow:hidden;margin:0 auto 20px}.feature-icon span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:1;position:relative}.feature-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#fff0);border-radius:20px;transition:opacity .3s ease}.feature-icon:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px #667eea66}.feature-icon:hover:before{opacity:.7}.feature-icon svg{width:40px;height:40px;color:#fff;z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease}.feature-icon:hover svg{transform:translate(-50%,-50%) scale(1.1)}.feature-card:nth-child(1) .feature-icon{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 32px #667eea4d}.feature-card:nth-child(1) .feature-icon:hover{box-shadow:0 15px 40px #667eea66}.feature-card:nth-child(2) .feature-icon{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 8px 32px #f093fb4d}.feature-card:nth-child(2) .feature-icon:hover{box-shadow:0 15px 40px #f093fb66}.feature-card:nth-child(3) .feature-icon{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 8px 32px #4facfe4d}.feature-card:nth-child(3) .feature-icon:hover{box-shadow:0 15px 40px #4facfe66}.feature-card:nth-child(4) .feature-icon{background:linear-gradient(135deg,#43e97b,#38f9d7);box-shadow:0 8px 32px #43e97b4d}.feature-card:nth-child(4) .feature-icon:hover{box-shadow:0 15px 40px #43e97b66}.feature-card:nth-child(5) .feature-icon{background:linear-gradient(135deg,#fa709a,#fee140);box-shadow:0 8px 32px #fa709a4d}.feature-card:nth-child(5) .feature-icon:hover{box-shadow:0 15px 40px #fa709a66}.feature-card:nth-child(6) .feature-icon{background:linear-gradient(135deg,#a8edea,#fed6e3);box-shadow:0 8px 32px #a8edea4d}.feature-card:nth-child(6) .feature-icon:hover{box-shadow:0 15px 40px #a8edea66}.feature-card h3{font-size:24px;font-weight:600;color:#1e293b;margin:0 0 12px;padding:0;text-align:center;width:100%;display:block}.feature-card p{color:#64748b;font-size:16px;text-align:center;line-height:1.6;width:100%;margin:0;padding:0;display:block}.why-section{background:#1e293b;padding:50px 0;position:relative;overflow:hidden}.why-content{display:flex;flex-direction:column;gap:40px;align-items:center;text-align:center}.why-header{margin-bottom:30px;padding:0 20px;max-width:800px;margin-left:auto;margin-right:auto}.why-header h2{color:#fff;font-size:clamp(1.75rem,3vw + .5rem,3rem);font-weight:700;line-height:1.2;margin-bottom:20px;letter-spacing:-.5px}.why-subtitle{color:#fff;font-size:20px;line-height:1.6;opacity:.9;margin:0;font-weight:400}.why-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:1000px;width:100%}.why-text h2{font-size:42px;font-weight:700;margin-bottom:16px}.why-subtitle{font-size:20px;opacity:.8;margin-bottom:15px}.why-features{display:flex;flex-direction:column;gap:24px}.why-feature{display:flex;gap:16px;align-items:flex-start;text-align:left;padding:16px;border-radius:12px;background:#ffffff0d;transition:transform .3s ease,background .3s ease}.why-feature:hover{transform:translateY(-5px);background:#ffffff1a}.why-icon{font-size:48px;margin-bottom:15px;display:block}.why-icon-modern{width:60px;height:60px;background:linear-gradient(135deg,#1a8063,#16a085);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:0;color:#fff;box-shadow:0 8px 25px #1a80634d;transition:all .3s ease;flex-shrink:0}.why-icon-modern svg{width:28px;height:28px}.why-feature:hover .why-icon-modern{transform:translateY(-8px) scale(1.1);box-shadow:0 15px 35px #1a806380}.why-feature h4{font-size:18px;font-weight:600;margin-bottom:4px;color:#fff}.why-feature p{opacity:.8;font-size:16px;color:#fff}.why-graphics{position:relative;height:400px;overflow:hidden;border-radius:16px}.why-graphics:before{content:"";position:absolute;width:300px;height:300px;background:linear-gradient(135deg,#1a8063,#16a085,#0891b2);border-radius:50%;opacity:.1;animation:float 6s ease-in-out infinite;top:-50px;right:-50px}.why-graphics:after{content:"";position:absolute;width:200px;height:200px;background:linear-gradient(45deg,#16a085,#0891b2);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;opacity:.15;animation:morphing 8s ease-in-out infinite;bottom:-30px;right:50px}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}@keyframes morphing{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;transform:rotate(0)}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%;transform:rotate(90deg)}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%;transform:rotate(180deg)}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%;transform:rotate(270deg)}}.sliding-pattern{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-around}.pattern-row{display:flex;gap:16px;animation:slideRight 20s linear infinite}.pattern-row.reverse{animation:slideLeft 25s linear infinite}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(-100%)}}.pattern-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:16px 24px;border-radius:12px;white-space:nowrap;font-weight:600;font-size:14px;color:#fff;flex-shrink:0}.ats-section{padding:50px 0;background:#fafbfc}.ats-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;justify-items:center}.ats-info{text-align:left;max-width:100%;display:flex;flex-direction:column;align-items:flex-start}.ats-info h2{font-size:clamp(1.5rem,2.5vw + .5rem,2.625rem);font-weight:700;color:#1e293b;margin-bottom:16px}.ats-subtitle{font-size:20px;color:#64748b;margin-bottom:40px}.ats-benefits{display:flex;flex-direction:column;gap:24px;margin-bottom:40px}.ats-button-container{display:flex;justify-content:center;align-items:center;margin-top:50px;width:100%;padding:0 24px}.ats-benefit{display:flex;gap:20px;align-items:flex-start}.benefit-number{background:linear-gradient(135deg,#1a8063,#16a085);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.ats-benefit h4{font-size:20px;font-weight:600;color:#1e293b;margin-bottom:8px}.ats-benefit p{color:#64748b;font-size:16px}.ats-visual{display:flex;justify-content:center}.ats-scanner{background:#fff;border-radius:16px;padding:40px;box-shadow:0 20px 40px #0000001a;width:480px;min-height:400px;max-width:90vw;position:relative;overflow:hidden}.scanner-beam{position:absolute;top:-100%;left:-100%;width:200%;height:200%;background:linear-gradient(135deg,transparent 0%,transparent 45%,rgba(26,128,99,.15) 48%,rgba(26,128,99,.3) 50%,rgba(26,128,99,.15) 52%,transparent 55%,transparent 100%);animation:diagonalScan 3s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes diagonalScan{0%{transform:translate(-50%,-50%)}to{transform:translate(50%,50%)}}.laser-scanner{position:absolute;top:0;left:-60px;width:60px;height:100%;opacity:0;animation:laserScan 3.5s ease-in-out infinite;pointer-events:none;z-index:3;transform:skew(-15deg)}.laser-line{position:absolute;width:3px;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(26,128,99,.3) 10%,rgba(26,128,99,1) 50%,rgba(26,128,99,.3) 90%,transparent 100%);left:50%;transform:translate(-50%);box-shadow:0 0 10px #1a8063cc,0 0 20px #1a806399,0 0 30px #1a806366}.laser-glow{position:absolute;width:100%;height:100%;background:linear-gradient(to right,transparent,rgba(26,128,99,.15) 50%,transparent);filter:blur(8px)}@keyframes laserScan{0%{left:-60px;opacity:0}10%{opacity:1}90%{opacity:1}to{left:calc(100% + 60px);opacity:0}}.scanner-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-weight:600;position:relative;z-index:2}.scanner-score{background:linear-gradient(135deg,#1a8063,#16a085);color:#fff;padding:4px 12px;border-radius:20px;font-size:14px;min-width:50px;text-align:center;font-weight:700;transition:all .3s ease}.scanner-content{display:flex;flex-direction:column;gap:16px;flex-grow:1;justify-content:space-between;min-height:200px;position:relative;z-index:2}.scan-line{height:16px;background:#e2e8f0;border-radius:8px;position:relative;overflow:hidden;width:100%;transition:width .3s ease}.scan-line.active{background:linear-gradient(90deg,#1a8063,#16a085);width:100%;transition:width 2s ease-out}.scan-line.active:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:scan 2s ease-in-out infinite}@keyframes scan{0%{left:-100%}to{left:100%}}.scan-result{text-align:center;padding:16px;background:#ecfdf5;color:#065f46;border-radius:8px;font-weight:600;margin-top:16px;transition:opacity .5s ease}@media (max-width: 1024px){.hero-content,.ats-content{grid-template-columns:1fr;gap:40px;text-align:center}.ats-info{align-items:center;text-align:center}.why-features-grid{grid-template-columns:1fr;gap:30px}.why-header h2{font-size:38px}.why-header{padding:0 30px;margin-bottom:50px}.hero-title{font-size:42px}.section-header h2,.why-text h2,.ats-info h2{font-size:32px}.section-header p{font-size:16px}.section-header{max-width:100%;padding:0 20px}}@media (max-width: 768px){.container{padding:0 16px}.hero-section{padding:24px 0 40px;min-height:auto;overflow:visible;margin-bottom:0}.hero-content{padding:0 18px;gap:0;display:flex;flex-direction:column}.hero-text{text-align:center;order:1}.hero-stats{order:2!important;justify-content:center;gap:16px;margin-top:10px;margin-bottom:0;flex-wrap:wrap}.hero-visual{order:3!important;padding:0;max-width:100%;display:flex;justify-content:center;margin:0;overflow:visible;height:auto}.hero-visual>*{max-width:100%;width:100%;transform:none}.hero-title{font-size:32px;font-weight:600;line-height:1.3;margin-bottom:18px}.hero-description{font-size:17px;font-weight:400;line-height:1.6;margin-bottom:28px}.hero-actions{flex-direction:column;gap:12px;margin-bottom:28px;align-items:center}.hero-actions button{width:100%;max-width:300px;padding:14px 24px;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;text-align:center}.btn-ats-modern{padding:16px 32px;font-size:17px;font-weight:700;letter-spacing:.8px}.stat{min-width:95px;padding:12px 10px;border-radius:10px}.stat-number{font-size:22px}.stat-label{font-size:11px}.trusted-companies-section{padding:40px 0}.trusted-title{font-size:20px;margin-bottom:30px;padding:0 16px}.company-slide{width:140px;height:75px;margin:0 12px;padding:12px}.company-logo-slide{max-width:90px;max-height:45px}.product-section{padding:50px 0}.section-header{margin-bottom:40px;padding:0 16px}.section-header h2{font-size:28px;line-height:1.3}.section-header p{font-size:15px}.features-grid{grid-template-columns:1fr;gap:20px;padding:0 16px}.feature-card{padding:24px}.feature-card h3{font-size:18px;margin:0 0 8px;padding:0;text-align:center;display:block}.feature-card p{font-size:14px;text-align:center;margin:0;padding:0;display:block}.feature-icon{margin-bottom:16px;width:70px;height:70px}.feature-icon span{font-size:38px!important}.feature-icon svg{width:36px!important;height:36px!important}.section-title,.why-matters-section .section-title{font-size:24px!important;text-align:center}.product-section,.why-section,.ats-section{padding:50px 0}.why-header{margin-bottom:30px;padding:0 16px}.why-header h2{font-size:32px;line-height:1.3;margin-bottom:16px}.why-subtitle{font-size:16px;line-height:1.5}.why-features-grid{grid-template-columns:1fr;gap:20px;padding:0 16px}.why-feature{padding:16px;gap:14px}.why-icon-modern{width:50px;height:50px;border-radius:12px}.why-icon-modern svg{width:24px;height:24px}.why-feature h4{font-size:17px;margin-bottom:6px}.why-feature p{font-size:15px;line-height:1.5}.ats-info h2{font-size:32px;line-height:1.3;margin-bottom:14px}.ats-subtitle{font-size:16px;margin-bottom:30px}.ats-benefit h4{font-size:18px;margin-bottom:7px}.ats-benefit p{font-size:15px;line-height:1.5}.benefit-number{width:38px;height:38px;font-size:17px}.ats-benefits{gap:20px;margin-bottom:35px}.ats-scanner{padding:30px;width:100%;max-width:420px}.footer-logo{justify-content:center;text-align:center}.footer-logo-wrapper{align-items:center}}@media (max-width: 480px){.hero-section{padding:18px 0 30px;min-height:auto;overflow:visible}.hero-content{padding:0 16px;gap:0}.hero-stats{margin-top:8px;margin-bottom:0;gap:10px}.hero-visual{padding:0;margin-top:0;margin-bottom:0;width:100%;overflow:visible;height:auto}.hero-visual>*{max-width:100%;width:100%;transform:none}.hero-title{font-size:26px;font-weight:600;line-height:1.25;margin-bottom:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hero-description{font-size:15px;font-weight:400;line-height:1.6;margin-bottom:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hero-actions{gap:10px;margin-bottom:20px}.hero-actions button{width:100%;max-width:100%;padding:14px 20px;font-size:15px;font-weight:600;min-height:48px}.btn-ats-modern{padding:14px 28px;font-size:15px;font-weight:700;letter-spacing:.5px;min-height:48px}.stat{min-width:85px;padding:10px 8px;border-radius:10px}.stat-number{font-size:20px}.stat-label{font-size:10px}.trusted-companies-section{padding:35px 0}.trusted-title{font-size:18px;margin-bottom:25px;padding:0 14px}.company-slide{width:120px;height:65px;margin:0 10px;padding:10px}.company-logo-slide{max-width:75px;max-height:40px}.product-section{padding:40px 0}.section-header{margin-bottom:35px;padding:0 14px}.section-header h2{font-size:24px;line-height:1.3}.section-header p{font-size:14px}.features-grid{gap:16px;padding:0 14px}.feature-card{padding:20px}.feature-card h3{font-size:17px;margin:0 0 7px;padding:0;text-align:center;display:block}.feature-card p{font-size:13px;line-height:1.5;text-align:center;margin:0;padding:0;display:block}.feature-icon{margin-bottom:14px;width:64px;height:64px}.feature-icon span{font-size:34px!important}.feature-icon svg{width:32px!important;height:32px!important}.section-title,.why-matters-section .section-title{font-size:20px!important}.btn-primary,.btn-transparent{padding:12px 20px;font-size:14px}.why-section{padding:40px 0}.why-header{padding:0 14px;margin-bottom:30px}.why-header h2{font-size:28px;line-height:1.3;margin-bottom:14px}.why-subtitle{font-size:15px;line-height:1.5}.why-features-grid{gap:16px;padding:0 14px}.why-feature{padding:14px;gap:12px}.why-icon-modern{width:46px;height:46px;border-radius:10px}.why-icon-modern svg{width:22px;height:22px}.why-feature h4{font-size:16px;margin-bottom:5px}.why-feature p{font-size:14px;line-height:1.5}.ats-section{padding:50px 0}.ats-info h2{font-size:28px;line-height:1.3;margin-bottom:12px}.ats-subtitle{font-size:15px;margin-bottom:28px;line-height:1.5}.ats-benefit h4{font-size:17px;margin-bottom:6px}.ats-benefit p{font-size:14px;line-height:1.5}.benefit-number{width:36px;height:36px;font-size:16px}.ats-benefits{gap:18px;margin-bottom:30px}.ats-scanner{padding:24px;max-width:380px}.ats-button-container{margin-top:40px;padding:0 14px}.resume-mockup{width:100%;max-width:280px;height:auto;aspect-ratio:8.5 / 11}.footer-logo{justify-content:center;text-align:center;margin-bottom:30px}.footer-logo-wrapper{align-items:center}.footer-content{grid-template-columns:1fr;text-align:center;gap:30px}.ats-scanner{width:360px;min-height:350px;padding:30px}}@media (max-width: 375px){.hero-section{padding:8px 0 24px;min-height:auto;overflow:visible}.hero-content{padding:0 14px;gap:8px}.hero-stats{margin-top:6px;margin-bottom:4px;gap:8px}.hero-visual{padding:0;margin-top:0;margin-bottom:0;width:100%;overflow:visible;height:auto}.hero-visual>*{max-width:100%;width:100%;transform:none}.hero-title{font-size:24px;font-weight:600;margin-bottom:12px;line-height:1.25;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hero-description{font-size:14px;font-weight:400;margin-bottom:18px;line-height:1.55;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hero-actions{gap:8px;margin-bottom:16px}.hero-actions button{padding:12px 18px;font-size:14px;font-weight:600;min-height:46px}.btn-ats-modern{padding:12px 24px;font-size:14px;font-weight:700;letter-spacing:.3px;min-height:46px}.stat{min-width:75px;padding:8px 6px;border-radius:8px}.stat-number{font-size:18px}.stat-label{font-size:9px}.trusted-companies-section{padding:30px 0}.trusted-title{font-size:16px;margin-bottom:20px;padding:0 12px}.company-slide{width:100px;height:55px;margin:0 8px;padding:8px;border-radius:10px}.company-logo-slide{max-width:65px;max-height:35px}.product-section{padding:35px 0}.section-header{margin-bottom:30px;padding:0 12px}.section-header h2{font-size:20px;line-height:1.3}.section-header p{font-size:13px}.features-grid{gap:14px;padding:0 12px}.feature-card{padding:18px;border-radius:14px}.feature-card h3{font-size:16px;margin:0 0 6px;padding:0;text-align:center;display:block}.feature-card p{font-size:12px;line-height:1.5;text-align:center;margin:0;padding:0;display:block}.feature-icon{margin-bottom:12px;width:60px;height:60px}.feature-icon span{font-size:32px!important}.feature-icon svg{width:30px!important;height:30px!important}.resume-mockup{max-width:220px}.section-title,.why-matters-section .section-title{font-size:18px!important}.why-section{padding:40px 0}.why-header{padding:0 12px;margin-bottom:24px}.why-header h2{font-size:24px;line-height:1.3;margin-bottom:12px}.why-subtitle{font-size:14px;line-height:1.4}.why-features-grid{gap:14px;padding:0 12px}.why-feature{padding:12px;gap:10px}.why-icon-modern{width:42px;height:42px;border-radius:8px}.why-icon-modern svg{width:20px;height:20px}.why-feature h4{font-size:15px;margin-bottom:4px;line-height:1.3}.why-feature p{font-size:13px;line-height:1.4}.ats-section{padding:40px 0}.ats-info h2{font-size:24px;line-height:1.3;margin-bottom:10px}.ats-subtitle{font-size:14px;margin-bottom:24px;line-height:1.4}.ats-benefit h4{font-size:16px;margin-bottom:5px}.ats-benefit p{font-size:13px;line-height:1.4}.benefit-number{width:34px;height:34px;font-size:15px}.ats-benefits{gap:16px;margin-bottom:28px}.ats-benefit{gap:16px}.ats-scanner{padding:20px;max-width:340px}.ats-button-container{margin-top:35px;padding:0 12px}.footer-logo{justify-content:center;text-align:center}.footer-logo-wrapper{align-items:center}}.cover-letter-section{padding:50px 0 40px;background:linear-gradient(135deg,#f8fffe,#ecfdf5)}.cover-letter-section .container{padding:0}.cover-letter-content{text-align:center;width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.cover-letter-section .section-header{text-align:center;margin-bottom:40px;width:100%;max-width:100%;padding:0;display:flex;flex-direction:column;align-items:center;gap:15px}.cover-letter-section .section-header h2{text-align:center;width:100%;margin:0;padding:0;font-size:clamp(1.75rem,3vw + .5rem,3rem);font-weight:800;background:linear-gradient(135deg,#1a8063,#047857);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cover-letter-section .section-subtitle{font-size:clamp(1.25rem,2vw + .3rem,2rem);font-weight:700;color:#1e293b;margin:0;display:block;text-align:center;justify-content:center;width:100%;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cover-letter-hero{background:#fff;padding:40px 50px;border-radius:20px;box-shadow:0 8px 30px #1a80631a;margin-bottom:50px;border:2px solid rgba(26,128,99,.1);position:relative;overflow:hidden}.cover-letter-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1a8063,#047857,#10b981,#1a8063);background-size:200% 100%;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-text{font-size:18px;line-height:1.8;color:#334155;margin:0;text-align:left}.hero-text strong{color:#1a8063;font-weight:700}.hero-text .highlight{color:#1a8063;font-weight:700;background:linear-gradient(120deg,#1a80631a,#10b9811a);padding:2px 8px;border-radius:4px}.why-matters-section{background:linear-gradient(135deg,#1a80630d,#10b9810d);padding:40px 50px;border-radius:16px;margin-bottom:50px;border-left:5px solid #1A8063}.why-matters-section .section-title{font-size:28px;font-weight:700;color:#1a8063;margin-bottom:20px;display:flex;align-items:center;justify-content:center;text-align:center}.why-matters-section .section-title:before{margin-right:12px;font-size:32px}.matters-description{font-size:17px;line-height:1.8;color:#475569;margin:0;text-align:center}.login-prompt{background:linear-gradient(135deg,#1a8063,#047857);padding:30px 40px;border-radius:16px;margin-top:50px;margin-bottom:30px;box-shadow:0 10px 40px #1a806333;position:relative;overflow:hidden}.login-prompt:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:shimmerRotate 6s linear infinite}@keyframes shimmerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.prompt-text{font-size:18px;color:#fff;margin:0;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.1);text-align:center}.prompt-text .login-link{font-weight:800;text-decoration:underline;text-decoration-color:#ffffffb3;text-underline-offset:3px;cursor:pointer;transition:all .3s ease;display:inline-block}.prompt-text .login-link:hover{text-decoration-color:#fff;text-shadow:0 0 10px rgba(255,255,255,.8);transform:scale(1.05)}.cover-letter-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin:40px 0 30px;justify-items:center}.cover-letter-feature{text-align:center;padding:30px 20px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease}.cover-letter-feature:hover{transform:translateY(-8px);box-shadow:0 8px 30px #1a806326}.feature-icon{font-size:48px;margin-bottom:20px;display:block}.feature-icon svg{width:48px;height:48px;color:#1a8063}.cover-letter-feature h3{font-size:24px;margin-bottom:15px;color:#1e293b;text-align:center;margin-top:0}.cover-letter-feature p{color:#64748b;line-height:1.6;text-align:center;margin:0}.cover-letter-cta{text-align:center;margin-top:50px}.about-section{padding:40px 0 50px;background:#fff}.about-content{display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:center}.about-text h2{font-size:clamp(1.75rem,3vw + .5rem,3rem);font-weight:800;color:#1e293b;margin-bottom:20px;line-height:1.1}.about-subtitle{font-size:20px;color:#1a8063;font-weight:600;margin-bottom:30px}.about-story{margin-bottom:40px}.about-story p{font-size:16px;color:#64748b;line-height:1.8;margin-bottom:20px}.about-stats{display:flex;gap:40px;margin-top:40px}.stat{text-align:center}.stat-number{font-size:36px;font-weight:800;color:#1a8063;display:block;margin-bottom:5px}.stat-label{font-size:14px;color:#64748b;font-weight:600}.about-visual{display:flex;flex-direction:column;align-items:center;gap:30px}.about-logo-container{text-align:center}.about-logo-img{height:80px;width:auto;opacity:.9;transition:all .3s ease}.about-logo-img:hover{opacity:1;transform:scale(1.05)}.about-logo-tagline{font-size:11px;font-weight:600;color:#1a8063;letter-spacing:1px;text-transform:uppercase;margin-top:8px;opacity:.85}.about-card{background:linear-gradient(135deg,#1a8063,#16a085);color:#fff;padding:30px;border-radius:16px;box-shadow:0 8px 30px #1a80634d;max-width:250px}.about-card h3{font-size:20px;margin-bottom:12px;font-weight:700}.about-card p{line-height:1.6;opacity:.95;font-size:14px}.mission-icon-container{width:100%;display:flex;justify-content:center;align-items:center;margin-top:40px;margin-bottom:20px}.mission-icon{position:relative;width:280px;height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.mission-svg{width:140px;height:140px;filter:drop-shadow(0 10px 30px rgba(26,128,99,.3));animation:missionFloat 3s ease-in-out infinite}.mission-ring{animation:missionRotate 8s linear infinite;transform-origin:center}.mission-pulse{animation:missionPulse 2s ease-in-out infinite;transform-origin:center}.mission-target{animation:missionTargetPulse 2s ease-in-out infinite}.mission-label{font-size:16px;font-weight:700;background:linear-gradient(135deg,#1a8063,#16a085);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1.5px;text-transform:uppercase;animation:missionLabelGlow 2s ease-in-out infinite;text-align:center}@keyframes missionFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes missionRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes missionPulse{0%,to{r:60;opacity:.4}50%{r:65;opacity:.7}}@keyframes missionTargetPulse{0%,to{opacity:1;stroke-width:4}50%{opacity:.7;stroke-width:5}}@keyframes missionLabelGlow{0%,to{opacity:.8;filter:brightness(1)}50%{opacity:1;filter:brightness(1.3)}}@media (max-width: 768px){.mission-icon{width:220px;height:120px}.mission-svg{width:110px;height:110px}.mission-label{font-size:14px}}.btn-ats-modern{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;border:none;padding:22px 48px;border-radius:50px;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 30px #ff6b6b66;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1.5px}.btn-ats-modern: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}.btn-ats-modern:hover:before{left:100%}.btn-ats-modern:hover{background:linear-gradient(135deg,#e55656,#d63031);transform:translateY(-4px) scale(1.02);box-shadow:0 15px 40px #ff6b6b99}.btn-cover-letter{background:linear-gradient(135deg,#1a8063,#047857);color:#fff;border:none;padding:18px 40px;border-radius:30px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #1a806366;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.btn-cover-letter:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-cover-letter:hover:before{left:100%}.btn-cover-letter:after{content:"->";position:absolute;right:20px;top:50%;transform:translateY(-50%) translate(30px);opacity:0;transition:all .3s ease;font-size:20px}.btn-cover-letter:hover:after{transform:translateY(-50%) translate(0);opacity:1}.btn-cover-letter:hover{background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-3px);box-shadow:0 12px 35px #1a806399;padding-right:60px}.btn-upload-resume{background:#fff;color:#1e293b;border:2px solid #e2e8f0;padding:12px 24px;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 12px #0000001a}.btn-upload-resume:hover{background:#1e293b;color:#fff;border-color:#1e293b;transform:translateY(-2px);box-shadow:0 6px 20px #1e293b66}.btn-create-resume{background:linear-gradient(135deg,#1a8063,#16a085);color:#fff;border:none;padding:16px 32px;border-radius:10px;font-size:17px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #1a806366}.btn-create-resume:hover{background:linear-gradient(135deg,#16a085,#148f77);transform:translateY(-3px);box-shadow:0 8px 30px #1a806399}@keyframes pulse{0%{box-shadow:0 0 #667eeab3}70%{box-shadow:0 0 0 10px #667eea00}to{box-shadow:0 0 #667eea00}}.btn-pulse{animation:pulse 2s infinite}.pricing-preview-section{padding:80px 0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:relative;overflow:hidden}.pricing-preview-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(16,185,129,.03) 0%,transparent 70%);animation:rotate 30s linear infinite}.pricing-preview-header{text-align:center;margin-bottom:60px;position:relative;z-index:1}.pricing-preview-header .section-heading{font-size:48px;font-weight:800;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.pricing-preview-header .section-subheading{font-size:18px;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6}.pricing-preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:48px;position:relative;z-index:1}.pricing-preview-card{background:#fff;border-radius:20px;padding:40px 32px;text-align:center;position:relative;box-shadow:0 4px 20px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid transparent}.pricing-preview-card:before{content:"";position:absolute;inset:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.pricing-preview-card:hover{transform:translateY(-12px);box-shadow:0 20px 40px #00000026}.pricing-preview-card:hover:before{opacity:1}.pricing-preview-card.popular{border-color:#10b981;box-shadow:0 8px 30px #10b98140}.pricing-preview-card.popular:before{background:linear-gradient(135deg,#10b981,#059669);opacity:1}.pricing-preview-card.popular:hover{box-shadow:0 20px 50px #10b98159}.popular-tag{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:6px 16px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;gap:6px;box-shadow:0 4px 12px #10b98166}.pricing-preview-badge{margin:0 auto 24px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pricing-preview-plan-name{font-size:28px;font-weight:800;color:#0f172a;margin-bottom:16px}.pricing-preview-price{display:flex;align-items:flex-start;justify-content:center;margin-bottom:8px}.price-currency{font-size:24px;font-weight:600;color:#10b981;margin-top:8px;margin-right:4px}.price-amount{font-size:48px;font-weight:800;color:#0f172a;line-height:1}.pricing-preview-duration{font-size:14px;color:#64748b;font-weight:600;margin-bottom:28px;padding-bottom:28px;border-bottom:2px solid #f1f5f9}.pricing-preview-features{list-style:none;padding:0;margin:0}.pricing-preview-features li{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:15px;color:#475569;font-weight:500;border-bottom:1px solid #f1f5f9}.pricing-preview-features li:last-child{border-bottom:none}.pricing-preview-features li svg{color:#10b981;flex-shrink:0}.pricing-preview-cta{text-align:center;position:relative;z-index:1}.view-all-plans-btn{display:inline-flex;align-items:center;gap:12px;padding:18px 36px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #10b9814d;position:relative;overflow:hidden}.view-all-plans-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);transform:translate(-100%);transition:transform .5s ease}.view-all-plans-btn:hover:before{transform:translate(100%)}.view-all-plans-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #10b98166}.view-all-plans-btn:active{transform:translateY(0)}.view-all-plans-btn svg{transition:transform .3s ease}.view-all-plans-btn:hover svg{transform:translate(4px)}.pricing-preview-note{margin-top:20px;font-size:14px;color:#64748b;font-style:italic}@media (max-width: 1024px){.pricing-preview-cards{grid-template-columns:repeat(3,1fr);gap:24px}.pricing-preview-card{padding:32px 24px}}@media (max-width: 768px){.pricing-preview-section{padding:60px 0}.pricing-preview-header .section-heading{font-size:36px}.pricing-preview-header .section-subheading{font-size:16px}.pricing-preview-cards{grid-template-columns:1fr;gap:24px;max-width:400px;margin-left:auto;margin-right:auto}.pricing-preview-card{padding:36px 28px}.pricing-preview-plan-name{font-size:24px}.price-amount{font-size:40px}.view-all-plans-btn{font-size:16px;padding:16px 32px}}@media (max-width: 480px){.pricing-preview-section{padding:48px 0}.pricing-preview-header{margin-bottom:40px}.pricing-preview-header .section-heading{font-size:28px}.pricing-preview-header .section-subheading{font-size:15px}.pricing-preview-card{padding:28px 20px}.pricing-preview-badge{width:48px;height:48px}.pricing-preview-badge svg{width:48px;height:48px}.view-all-plans-btn{font-size:15px;padding:14px 28px;width:100%}.pricing-preview-note{font-size:13px}}.footer{background:#1e293b;color:#fff;padding:60px 0 20px;overflow-x:hidden}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:20px}.footer-logo-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px}.footer-logo-img{height:55px;width:auto;filter:brightness(0) invert(1)}.footer-logo-tagline{font-size:10px;font-weight:600;color:#94a3b8;letter-spacing:1px;text-transform:uppercase;margin:0}.footer-logo span{display:none}.footer-description{color:#94a3b8;line-height:1.6;max-width:300px}.footer-section h4{font-size:clamp(1rem,1.2vw + .3rem,1.125rem);font-weight:700;margin-bottom:20px;color:#fff}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#94a3b8;text-decoration:none;transition:color .3s ease;cursor:pointer;position:relative;display:inline-block}.footer-links a:hover{color:#1a8063}.footer-bottom{border-top:1px solid #334155;padding-top:20px}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.footer-bottom p{color:#94a3b8;margin:0}.footer-social{display:flex;align-items:center;gap:20px}.footer-social span{color:#94a3b8;font-size:14px}.social-link{color:#94a3b8;text-decoration:none;transition:color .3s ease}.social-link:hover{color:#1a8063}@media (max-width: 768px){.cover-letter-section{padding:60px 0}.cover-letter-content{padding:0 20px}.cover-letter-section .section-header{margin-bottom:30px;gap:12px}.cover-letter-features{grid-template-columns:1fr;gap:30px;margin:40px 0 30px}.cover-letter-section .section-header h2{font-size:36px;line-height:1.2}.cover-letter-section .section-subtitle{font-size:24px;line-height:1.3;padding:0 10px}.cover-letter-hero{padding:30px 25px}.hero-text{font-size:16px}.why-matters-section{padding:30px 25px}.why-matters-section .section-title{font-size:24px}.matters-description{font-size:16px}.login-prompt{padding:25px 30px}.prompt-text{font-size:16px}.btn-cover-letter{padding:16px 35px;font-size:16px}.about-content{grid-template-columns:1fr;gap:40px;text-align:center}.about-text h2{font-size:36px;line-height:1.2;margin-bottom:18px}.about-subtitle{font-size:18px;margin-bottom:28px}.about-story p{font-size:15px;line-height:1.7;margin-bottom:18px}.about-stats{justify-content:center;gap:30px;margin-top:35px}.stat-number{font-size:32px}.stat-label{font-size:13px}.about-logo-img{height:70px}.about-card{max-width:400px;margin:0 auto}.about-card h3{font-size:18px}.about-card p{font-size:13px}.mission-svg{width:120px;height:120px}.mission-icon{width:240px;height:120px}.mission-label{font-size:15px}.footer-content{grid-template-columns:1fr;gap:30px;text-align:center}.footer-bottom-content{flex-direction:column;gap:15px;text-align:center}.footer-social{justify-content:center}}@media (max-width: 640px){.cover-letter-section{padding:55px 0}.cover-letter-content{padding:0 18px}.cover-letter-section .section-header{margin-bottom:28px;gap:11px}.cover-letter-section .section-header h2{font-size:32px;line-height:1.25;padding:0 10px}.cover-letter-section .section-subtitle{font-size:22px;line-height:1.35;padding:0 10px}.cover-letter-hero{padding:28px 22px}.hero-text{font-size:16px;line-height:1.7}.why-matters-section{padding:28px 22px}.why-matters-section .section-title{font-size:22px}.matters-description{font-size:16px;line-height:1.7}}@media (max-width: 480px){.cover-letter-section,.about-section{padding:50px 0}.cover-letter-content{padding:0 16px}.cover-letter-section .section-header{margin-bottom:25px;gap:10px}.cover-letter-section .section-header h2{font-size:28px;line-height:1.3;padding:0 8px}.cover-letter-section .section-subtitle{font-size:20px;line-height:1.4;padding:0 8px}.cover-letter-hero{padding:25px 20px}.hero-text{font-size:15px;line-height:1.6}.why-matters-section{padding:25px 20px}.why-matters-section .section-title{font-size:20px}.why-matters-section .section-title:before{font-size:24px}.matters-description{font-size:15px;line-height:1.6}.login-prompt{padding:20px 25px}.prompt-text{font-size:15px}.btn-cover-letter{padding:14px 30px;font-size:15px;width:100%}.cover-letter-feature{padding:25px 15px}.about-content{gap:35px}.about-text h2{font-size:28px;line-height:1.3;margin-bottom:16px}.about-subtitle{font-size:17px;margin-bottom:25px}.about-story{margin-bottom:35px}.about-story p{font-size:14px;line-height:1.6;margin-bottom:16px}.about-stats{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:30px}.stat-number{font-size:28px}.stat-label{font-size:12px}.about-visual{gap:25px}.about-logo-img{height:60px}.about-logo-tagline{font-size:10px}.about-card{padding:25px;max-width:100%}.about-card h3{font-size:17px;margin-bottom:10px}.about-card p{font-size:13px;line-height:1.5}.mission-icon-container{margin-top:30px;margin-bottom:18px}.mission-svg{width:100px;height:100px}.mission-icon{width:200px;height:100px;gap:12px}.mission-label{font-size:14px}.footer{padding:40px 0 20px}}@media (max-width: 375px){.cover-letter-section,.about-section{padding:40px 0}.cover-letter-content{padding:0 12px}.cover-letter-section .section-header{margin-bottom:20px;gap:8px}.cover-letter-section .section-header h2{font-size:24px;line-height:1.3;padding:0 5px}.cover-letter-section .section-subtitle{font-size:18px;line-height:1.4;padding:0 5px}.cover-letter-hero{padding:20px 16px}.hero-text{font-size:14px;line-height:1.5}.why-matters-section{padding:20px 16px}.why-matters-section .section-title{font-size:18px}.why-matters-section .section-title:before{font-size:20px}.matters-description{font-size:14px;line-height:1.5}.login-prompt{padding:18px 20px}.prompt-text{font-size:14px}.btn-cover-letter{padding:12px 24px;font-size:14px}.cover-letter-feature{padding:20px 12px}.about-content{gap:30px}.about-text h2{font-size:24px;line-height:1.3;margin-bottom:14px}.about-subtitle{font-size:16px;margin-bottom:22px}.about-story{margin-bottom:30px}.about-story p{font-size:13px;line-height:1.5;margin-bottom:14px}.about-stats{gap:18px;margin-top:25px}.stat-number{font-size:24px}.stat-label{font-size:11px}.about-visual{gap:20px}.about-logo-img{height:55px}.about-logo-tagline{font-size:9px;margin-top:6px}.about-card{padding:20px;border-radius:14px}.about-card h3{font-size:16px;margin-bottom:8px}.about-card p{font-size:12px;line-height:1.4}.mission-icon-container{margin-top:25px;margin-bottom:16px}.mission-svg{width:90px;height:90px}.mission-icon{width:180px;height:90px;gap:10px}.mission-label{font-size:13px}.footer{padding:35px 0 18px}}@media (max-width: 320px){.hero-section{padding:2px 0 16px}.hero-content{padding:0 12px;gap:4px}.hero-title{font-size:22px;line-height:1.2;margin-bottom:10px}.hero-description{font-size:13px;line-height:1.5;margin-bottom:16px}.hero-actions{gap:8px;margin-bottom:14px}.hero-actions button{padding:11px 16px;font-size:13px;min-height:44px}.hero-stats{margin-top:8px;margin-bottom:0;gap:6px}.hero-visual{margin-top:0;height:auto;overflow:visible}.stat{min-width:68px;padding:8px 5px;border-radius:8px}.stat-number{font-size:16px}.stat-label{font-size:8.5px}.hero-visual>*{transform:none}.trusted-companies-section{padding:24px 0}.trusted-title{font-size:14px;margin-bottom:16px;padding:0 10px}.company-slide{width:85px;height:50px;margin:0 6px;padding:6px;border-radius:8px}.company-logo-slide{max-width:55px;max-height:30px}.product-section{padding:30px 0}.section-header{margin-bottom:24px;padding:0 10px}.section-header h2{font-size:19px;line-height:1.3}.section-header p{font-size:12px}.features-grid{gap:12px;padding:0 10px}.feature-card{padding:16px;border-radius:12px}.feature-card h3{font-size:15px}.feature-card p{font-size:12px}.feature-icon{width:54px;height:54px;margin-bottom:10px}.feature-icon span{font-size:28px!important}.feature-icon svg{width:26px!important;height:26px!important}.why-section{padding:30px 0}.why-header{padding:0 10px;margin-bottom:20px}.why-header h2{font-size:22px}.why-subtitle{font-size:13px}.why-features-grid{gap:12px;padding:0 10px}.why-feature{padding:10px;gap:10px}.why-icon-modern{width:38px;height:38px;border-radius:8px}.why-icon-modern svg{width:18px;height:18px}.why-feature h4{font-size:14px}.why-feature p{font-size:12px}.ats-section{padding:30px 0}.ats-info h2{font-size:22px}.ats-subtitle{font-size:13px;margin-bottom:20px}.ats-benefit h4{font-size:15px}.ats-benefit p{font-size:12px}.benefit-number{width:30px;height:30px;font-size:14px}.ats-scanner{padding:16px;max-width:100%}.btn-ats-modern{padding:12px 20px;font-size:13px;min-height:44px}.cover-letter-section{padding:30px 0}.cover-letter-content{padding:0 10px}.cover-letter-section .section-header{margin-bottom:16px;gap:6px}.cover-letter-section .section-header h2{font-size:21px;line-height:1.3;padding:0 4px}.cover-letter-section .section-subtitle{font-size:15px;line-height:1.4;padding:0 4px}.cover-letter-hero{padding:16px 12px}.hero-text{font-size:13px;line-height:1.5}.why-matters-section{padding:16px 12px}.why-matters-section .section-title{font-size:15px}.matters-description{font-size:12px;line-height:1.5}.login-prompt{padding:14px 16px}.prompt-text{font-size:12px}.btn-cover-letter{padding:10px 20px;font-size:13px;min-height:44px}.cover-letter-feature{padding:16px 10px}.cover-letter-feature h3{font-size:16px}.cover-letter-feature p{font-size:12px}.about-section{padding:30px 0}.about-content{gap:24px}.about-text h2{font-size:22px}.about-subtitle{font-size:14px;margin-bottom:18px}.about-story p{font-size:12px;line-height:1.5;margin-bottom:12px}.about-stats{gap:16px}.about-card{padding:16px}.about-card h3{font-size:15px}.about-card p{font-size:11px}.mission-icon-container{margin-top:20px;margin-bottom:12px}.mission-svg{width:80px;height:80px}.mission-icon{width:160px;height:80px}.mission-label{font-size:12px}.footer{padding:30px 0 16px}.footer-content{gap:24px}.footer-section h4{font-size:15px;margin-bottom:14px}.footer-links li{margin-bottom:10px}.footer-links a,.footer-description{font-size:13px}.footer-bottom p,.footer-social span,.social-link{font-size:12px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-height: 500px) and (orientation: landscape){.hero-section{min-height:auto;padding:16px 0}.hero-content{gap:20px}.hero-visual{display:none}.hero-stats{margin-top:10px;margin-bottom:10px}}@media print{.navbar,.hero-visual,.trusted-companies-section,.footer-social{display:none!important}}.admin-loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#f8fafc;gap:16px}.admin-loading-screen p{color:#64748b;font-size:14px}.admin-loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:adminSpin .8s linear infinite}@keyframes adminSpin{to{transform:rotate(360deg)}}.admin-unauthorized{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:12px;background:#f8fafc}.admin-unauthorized h2{color:#ef4444;font-size:24px}.admin-unauthorized p{color:#64748b}.admin-unauthorized a{color:#3b82f6;text-decoration:none}.admin-login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#1e293b,#0f172a);padding:20px}.admin-login-card{background:#fff;border-radius:16px;padding:40px;width:100%;max-width:400px;box-shadow:0 20px 60px #0000004d}.admin-login-header{text-align:center;margin-bottom:32px}.admin-login-header h1{font-size:24px;font-weight:700;color:#1e293b;margin:0}.admin-login-header p{font-size:14px;color:#64748b;margin:4px 0 0}.admin-login-form{display:flex;flex-direction:column;gap:18px}.admin-form-group{display:flex;flex-direction:column;gap:6px}.admin-form-group label{font-size:13px;font-weight:600;color:#374151}.admin-form-group input{padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color .2s;outline:none}.admin-form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.admin-input-toggle-wrap{position:relative;display:flex;align-items:center}.admin-input-toggle-wrap input{width:100%;padding-right:42px}.admin-eye-toggle{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.admin-eye-toggle:hover{color:#475569}.admin-login-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:10px 14px;border-radius:8px;font-size:13px}.admin-login-btn{padding:13px;background:linear-gradient(135deg,#1e293b,#334155);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:4px}.admin-login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #1e293b4d}.admin-login-btn:disabled{opacity:.6;cursor:not-allowed}.admin-login-footer{text-align:center;margin-top:24px}.admin-login-footer p{font-size:12px;color:#94a3b8}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:240px;background:#1e293b;color:#fff;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:1000}.admin-sidebar-header{padding:14px 16px;border-bottom:1px solid #334155;display:flex;align-items:center;gap:10px}.admin-sidebar-logo{height:32px;width:auto;filter:brightness(0) invert(1)}.admin-sidebar-header h2{font-size:18px;font-weight:700;margin:0}.admin-role-badge{background:#3b82f6;color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:12px;text-transform:uppercase}.admin-nav{flex:1;padding:10px 8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.admin-nav-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:7px;color:#94a3b8;text-decoration:none;font-size:13px;font-weight:500;transition:all .15s}.admin-nav-item:hover{background:#334155;color:#fff}.admin-nav-item.active{background:#3b82f6;color:#fff}.admin-nav-icon{display:flex;align-items:center;justify-content:center;width:20px;flex-shrink:0}.admin-sidebar-footer{padding:12px 14px;border-top:1px solid #334155;flex-shrink:0}.admin-user-info{margin-bottom:10px}.admin-user-email{font-size:12px;color:#94a3b8;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-logout-btn{width:100%;padding:9px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.admin-logout-btn:hover{background:#dc2626}.admin-main{flex:1;margin-left:240px;background:#f8fafc;min-height:100vh;overflow-x:hidden;position:relative}.admin-main-top-actions{position:absolute;top:16px;right:24px;z-index:10;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.admin-main-logo-img{height:46px;width:auto;opacity:.75;transition:opacity .2s}.admin-main-logo-img:hover{opacity:1}.admin-global-refresh-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .15s}.admin-global-refresh-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.admin-page{padding:28px}.admin-page-header{margin-bottom:24px}.admin-page-header h1{font-size:24px;font-weight:700;color:#1e293b;margin:0}.admin-welcome{font-size:13px;color:#64748b;margin:4px 0 0}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px}.admin-stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:14px;box-shadow:0 1px 3px #0000000f;border:1px solid #e2e8f0}.admin-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#1e293b;flex-shrink:0}.admin-stat-icon.success{background:#ecfdf5;color:#059669}.admin-stat-icon.info{background:#eff6ff;color:#2563eb}.admin-stat-icon.warning{background:#fffbeb;color:#d97706}.admin-status-dot{display:inline-block;width:8px;height:8px;min-width:8px;min-height:8px;border-radius:50%;margin-right:6px;vertical-align:middle;flex-shrink:0}.admin-status-dot.active{background:#10b981}.admin-status-dot.inactive{background:#ef4444}.admin-stat-label{font-size:12px;color:#64748b;margin:0;text-transform:uppercase;letter-spacing:.04em;font-weight:500}.admin-stat-value{font-size:26px;font-weight:700;color:#1e293b;margin:2px 0 0}.admin-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid #e2e8f0}.admin-section h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 16px}.admin-plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.admin-plan-card{padding:14px;border-radius:10px;text-align:center;display:flex;flex-direction:column;gap:4px}.admin-plan-card.free{background:#f1f5f9}.admin-plan-card.silver{background:#f0f4ff}.admin-plan-card.gold{background:#fffbeb}.admin-plan-card.platinum{background:#faf5ff}.admin-plan-name{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase}.admin-plan-count{font-size:22px;font-weight:700;color:#1e293b}.admin-quick-actions{display:flex;flex-wrap:wrap;gap:10px}.admin-action-btn{padding:10px 18px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:13px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .15s}.admin-action-btn:hover{background:#e2e8f0}.admin-loading{text-align:center;padding:40px;color:#64748b}.admin-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:14px;border-radius:8px;font-size:14px;margin-bottom:16px}.admin-retry-btn{padding:8px 16px;background:#1e293b;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px}.admin-layout~.navbar,.admin-login-page~.navbar{display:none}.admin-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.admin-section-header h3{font-size:18px;color:#2d3436}.admin-section-desc{color:#636e72;font-size:14px;margin-bottom:16px}.admin-refresh-btn{padding:6px 14px;background:#1e293b;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:background .2s}.admin-refresh-btn:hover{background:#334155}.admin-search-form{display:flex;gap:10px;margin-bottom:16px}.admin-search-input{flex:1;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.admin-search-input:focus{border-color:#1e293b;box-shadow:0 0 0 3px #1e293b14}.admin-search-btn{padding:10px 20px;background:#1e293b;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;white-space:nowrap;transition:background .2s}.admin-search-btn:hover{background:#334155}.admin-search-btn:disabled{opacity:.6;cursor:not-allowed}.admin-table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid #e2e8f0}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th{background:#f8fafc;padding:12px 14px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e2e8f0;white-space:nowrap}.admin-table td{padding:12px 14px;border-bottom:1px solid #f1f5f9;color:#4b5563}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover{background:#f8fafc}.admin-uid-cell{font-family:monospace;font-size:12px;color:#6b7280;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-text-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-role-pill{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600}.admin-role-pill.owner{background:#fef3c7;color:#92400e}.admin-role-pill.coo{background:#e0e7ff;color:#3730a3}.admin-role-pill.user{background:#f3f4f6;color:#6b7280}.admin-plan-pill{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500}.admin-plan-pill.free{background:#f3f4f6;color:#6b7280}.admin-plan-pill.silver{background:#e5e7eb;color:#374151}.admin-plan-pill.gold{background:#fef3c7;color:#92400e}.admin-plan-pill.platinum{background:#e0e7ff;color:#3730a3}.admin-you-badge{background:#d1fae5;color:#065f46;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600}.admin-already-badge{display:inline-block;background:#f1f5f9;color:#475569;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:600;border:1px solid #e2e8f0}.admin-action-group{display:flex;gap:8px;flex-wrap:wrap}.admin-btn-success{padding:6px 14px;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:background .2s}.admin-btn-success:hover{background:#059669}.admin-btn-danger{padding:6px 14px;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:background .2s}.admin-btn-danger:hover{background:#dc2626}.admin-btn-danger:disabled{opacity:.5;cursor:not-allowed}.admin-btn-warning{padding:6px 14px;background:#f59e0b;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:background .2s}.admin-btn-warning:hover{background:#d97706}.admin-btn-secondary{padding:8px 18px;background:#f1f5f9;color:#374151;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px}.admin-btn-secondary:hover{background:#e2e8f0}.admin-message{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;font-weight:500}.admin-message.success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.admin-message.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.admin-message-close{background:none;border:none;font-size:20px;cursor:pointer;color:inherit;padding:0 4px}.admin-info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:16px 20px}.admin-info-box h4{color:#1e40af;margin-bottom:6px}.admin-info-box p{color:#1e3a5f;font-size:14px}.admin-empty{text-align:center;padding:32px;color:#9ca3af;font-size:14px}.admin-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.admin-modal{background:#fff;border-radius:12px;width:500px;max-width:90vw;box-shadow:0 20px 60px #0000004d;overflow:hidden}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:#fef2f2}.admin-modal-header h3{color:#991b1b;font-size:18px}.admin-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#9ca3af}.admin-modal-body{padding:20px}.admin-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid #e2e8f0;background:#f8fafc}.admin-transfer-warning{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:16px}.admin-transfer-warning p{color:#991b1b;font-size:14px;margin-bottom:8px}.admin-transfer-target{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px;margin-top:10px}.admin-transfer-target p{color:#374151;font-size:13px;margin-bottom:4px}.admin-form-group{margin-bottom:16px}.admin-form-group label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.admin-select{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.admin-form-input{width:100%;padding:9px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1e293b;background:#fff;transition:border-color .15s;box-sizing:border-box}.admin-form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.admin-confirm-input{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;outline:none}.admin-confirm-input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.admin-search-results{margin-top:12px}.admin-users-page .admin-page-header{display:flex;align-items:center;gap:16px}.admin-total-badge{background:#e0e7ff;color:#3730a3;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:500}.admin-users-toolbar{display:flex;gap:12px;margin-bottom:12px;align-items:center}.admin-users-search{display:flex;gap:8px;max-width:340px;width:100%}.admin-users-search .admin-search-input{flex:1;min-width:0}.admin-users-filters{display:flex;gap:8px;margin-left:auto}.admin-filter-select{padding:9px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:13px;background:#fff;cursor:pointer;min-width:120px;color:#1e293b;font-weight:500}.admin-filter-select:focus{border-color:#1e293b;outline:none}.admin-users-expiry-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-bottom:16px;flex-wrap:wrap}.admin-expiry-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-expiry-group label{font-size:13px;font-weight:500;color:#92400e;white-space:nowrap}.admin-date-input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;outline:none}.admin-date-input:focus{border-color:#667eea}.admin-users-table-wrapper{max-height:calc(100vh - 340px);overflow-y:auto;overflow-x:hidden}.admin-users-table{table-layout:fixed;width:100%}.admin-users-table th,.admin-users-table td{padding:10px 8px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-users-table th:nth-child(1),.admin-users-table td:nth-child(1){width:14%}.admin-users-table th:nth-child(2),.admin-users-table td:nth-child(2){width:21%}.admin-users-table th:nth-child(3),.admin-users-table td:nth-child(3){width:12%}.admin-users-table th:nth-child(4),.admin-users-table td:nth-child(4){width:9%}.admin-users-table th:nth-child(5),.admin-users-table td:nth-child(5){width:9%}.admin-users-table td:nth-child(5){overflow:visible}.admin-users-table th:nth-child(6),.admin-users-table td:nth-child(6){width:12%}.admin-users-table th:nth-child(7),.admin-users-table td:nth-child(7){width:13%}.admin-users-table th:nth-child(8),.admin-users-table td:nth-child(8){width:10%}.admin-users-table th{position:sticky;top:0;background:#f8fafc;z-index:10}.admin-sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.admin-sortable:hover{background:#eef2ff}.admin-sort-icon{font-size:11px;color:#9ca3af;margin-left:4px}.admin-sort-icon.active{color:#667eea;font-weight:700}.admin-center-cell{text-align:center;font-weight:500}.admin-date-cell{font-size:12px;white-space:nowrap;color:#4b5563}.admin-status-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.admin-status-pill.active{background:#d1fae5;color:#065f46}.admin-status-pill.inactive{background:#fef2f2;color:#991b1b}.admin-expired-text{color:#dc2626;font-weight:500}.admin-btn-sm-danger{padding:4px 10px;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:5px;cursor:pointer;font-size:12px;font-weight:500;transition:all .15s}.admin-btn-sm-danger:hover{background:#dc2626;color:#fff}.admin-btn-sm-success{padding:4px 10px;background:#ecfdf5;color:#059669;border:1px solid #6ee7b7;border-radius:5px;cursor:pointer;font-size:12px;font-weight:500;transition:all .15s}.admin-btn-sm-success:hover{background:#059669;color:#fff}.admin-btn-sm-danger:disabled,.admin-btn-sm-success:disabled{opacity:.5;cursor:not-allowed}.admin-user-row{cursor:pointer;transition:background .15s}.admin-user-row:hover{background:#f8fafc}.admin-actions-cell{text-align:center}.admin-btn-sm-view{padding:5px 14px;background:#1e293b;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:12px;font-weight:500;transition:background .15s;white-space:nowrap}.admin-btn-sm-view:hover{background:#334155}.admin-pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid #e2e8f0;margin-top:12px}.admin-pagination-info{font-size:13px;color:#6b7280}.admin-pagination-buttons{display:flex;align-items:center;gap:12px}.admin-page-btn{padding:6px 14px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;font-size:13px;transition:all .15s}.admin-page-btn:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea}.admin-page-btn:disabled{opacity:.4;cursor:not-allowed}.admin-page-info{font-size:13px;color:#4b5563;font-weight:500}.admin-user-modal{max-width:700px;width:95vw;max-height:85vh;display:flex;flex-direction:column}.admin-user-modal .admin-modal-header{background:#f8fafc}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #e2e8f0}.admin-modal-header h2{font-size:18px;font-weight:700;color:#1f2937;margin:0}.admin-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px 8px;border-radius:6px;transition:background .15s}.admin-modal-close:hover{background:#f3f4f6;color:#1f2937}.admin-modal-body{overflow-y:auto;padding:20px 24px;flex:1}.admin-modal-section{margin-bottom:24px}.admin-modal-section h3{font-size:14px;font-weight:700;color:#374151;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #f1f5f9}.admin-modal-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-modal-info-item{display:flex;flex-direction:column;gap:3px}.admin-modal-info-item label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.admin-modal-info-item span{font-size:13px;color:#1f2937;font-weight:500;word-break:break-all}.admin-uid-text{font-family:monospace;font-size:11px!important;color:#6b7280!important}.admin-modal-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-modal-field{display:flex;flex-direction:column;gap:4px}.admin-modal-field label{font-size:12px;font-weight:600;color:#374151}.admin-modal-input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;outline:none;transition:border-color .15s}.admin-modal-input:focus{border-color:#667eea}.admin-modal-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;background:#fff;cursor:pointer;outline:none}.admin-modal-select:focus{border-color:#667eea}.admin-field-hint{font-size:11px;color:#9ca3af}.admin-modal-actions-row{display:flex;gap:12px;flex-wrap:wrap}.admin-btn-success{padding:8px 16px;background:#059669;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:opacity .15s}.admin-btn-success:hover{opacity:.9}.admin-btn-danger-outline{padding:8px 16px;background:#fff;color:#dc2626;border:1px solid #fca5a5;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .15s}.admin-btn-danger-outline:hover{background:#fef2f2}.admin-delete-confirm{margin-top:16px;padding:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.admin-delete-warning{font-size:13px;color:#991b1b;margin:0 0 8px}.admin-delete-prompt{font-size:13px;color:#374151;margin:0 0 8px}.admin-delete-input{max-width:200px;margin-bottom:12px}.admin-delete-btns{display:flex;gap:10px}.admin-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e2e8f0}.admin-btn-primary{padding:9px 20px;background:#1e293b;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .15s}.admin-btn-primary:hover{background:#334155}.admin-btn-primary:disabled{opacity:.6;cursor:not-allowed}.admin-btn-secondary{padding:9px 20px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .15s}.admin-btn-secondary:hover{background:#e5e7eb}.admin-sub-tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:2px solid #e2e8f0}.admin-sub-tab{padding:10px 20px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.admin-sub-tab:hover{color:#1e293b}.admin-sub-tab.active{color:#1e293b;border-bottom-color:#1e293b;font-weight:600}.admin-coupon-code{display:inline-block;background:#f0f4ff;color:#3b82f6;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;font-family:monospace;letter-spacing:.5px}.admin-discount-table th,.admin-discount-table td{padding-right:12px;white-space:nowrap;text-align:center}.admin-discount-table th:nth-child(1),.admin-discount-table td:nth-child(1){width:11%}.admin-discount-table th:nth-child(2),.admin-discount-table td:nth-child(2){width:16%}.admin-discount-table th:nth-child(3),.admin-discount-table td:nth-child(3){width:10%}.admin-discount-table th:nth-child(4),.admin-discount-table td:nth-child(4){width:7%}.admin-discount-table th:nth-child(5),.admin-discount-table td:nth-child(5){width:12%}.admin-discount-table th:nth-child(6),.admin-discount-table td:nth-child(6){width:10%}.admin-discount-table th:nth-child(7),.admin-discount-table td:nth-child(7){width:9%}.admin-discount-table th:nth-child(8),.admin-discount-table td:nth-child(8){width:12%}.admin-discount-table th:nth-child(9),.admin-discount-table td:nth-child(9){width:13%}.admin-coupon-table th:nth-child(1),.admin-coupon-table td:nth-child(1){width:18%}.admin-coupon-table th:nth-child(2),.admin-coupon-table td:nth-child(2){width:13%}.admin-coupon-table th:nth-child(3),.admin-coupon-table td:nth-child(3){width:18%}.admin-coupon-table th:nth-child(4),.admin-coupon-table td:nth-child(4){width:10%}.admin-coupon-table th:nth-child(5),.admin-coupon-table td:nth-child(5){width:16%}.admin-coupon-table th:nth-child(6),.admin-coupon-table td:nth-child(6){width:18%;overflow:visible}.admin-coupon-actions{display:flex;gap:6px}.dc-create-header{margin-bottom:24px}.dc-create-header h3{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 4px}.dc-create-header p{font-size:13px;color:#94a3b8;margin:0}.dc-create-form{max-width:520px}.dc-field{margin-bottom:22px}.dc-field-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#374151;margin-bottom:8px}.dc-field-label svg{color:#64748b}.dc-input-wrapper{display:flex;flex-direction:column;gap:6px}.dc-input{width:100%;padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;transition:all .2s;box-sizing:border-box}.dc-input:focus{outline:none;border-color:#1e293b;box-shadow:0 0 0 3px #1e293b14}.dc-input-code{font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:15px;letter-spacing:1.5px;font-weight:600;text-transform:uppercase}.dc-input-preview{font-size:12px;color:#94a3b8;display:flex;align-items:center;gap:6px}.dc-type-selector{display:flex;gap:0;border:1.5px solid #e2e8f0;border-radius:10px;overflow:hidden;background:#f8fafc}.dc-type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;background:transparent;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;position:relative}.dc-type-btn+.dc-type-btn{border-left:1.5px solid #e2e8f0}.dc-type-btn:hover{background:#f1f5f9;color:#334155}.dc-type-btn.active{background:#1e293b;color:#fff;font-weight:600}.dc-type-btn.active svg{color:#fff}.dc-value-input-wrap{display:flex;align-items:center;border:1.5px solid #e2e8f0;border-radius:8px;overflow:hidden;background:#fff;transition:all .2s}.dc-value-input-wrap:focus-within{border-color:#1e293b;box-shadow:0 0 0 3px #1e293b14}.dc-value-prefix{padding:10px 14px;background:#f8fafc;color:#64748b;font-size:13px;font-weight:700;border-right:1.5px solid #e2e8f0;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dc-input-value{border:none!important;border-radius:0!important;box-shadow:none!important;flex:1}.dc-input-value:focus{box-shadow:none!important}.dc-value-hint{display:block;margin-top:6px;font-size:12px;color:#10b981;font-weight:500}.dc-plan-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.dc-plan-chip{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:2px solid var(--chip-border);border-radius:20px;background:#fff;color:var(--chip-text);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dc-plan-chip:hover{background:var(--chip-bg);transform:translateY(-1px)}.dc-plan-chip.selected{background:var(--chip-bg);border-color:var(--chip-text);box-shadow:0 2px 8px #00000014}.dc-plan-chip.selected svg{color:var(--chip-text)}.dc-plan-hint{font-size:12px;color:#94a3b8;font-style:italic;margin-left:4px}.dc-summary{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin-bottom:22px;font-size:14px;color:#166534}.dc-summary-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#dcfce7;flex-shrink:0}.dc-summary-icon svg{color:#16a34a}.dc-summary strong{font-family:SF Mono,Monaco,Menlo,Consolas,monospace;letter-spacing:.5px}.dc-submit-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 24px;background:#1e293b;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.dc-submit-btn:hover{background:#334155;transform:translateY(-1px);box-shadow:0 4px 12px #1e293b33}.dc-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.dc-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:adminSpin .6s linear infinite}.dc-edit-modal{max-width:500px}.dc-edit-code-display{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.dc-edit-code-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.admin-empty{text-align:center;padding:40px;color:#94a3b8;font-size:14px}.admin-btn-sm-cancel{padding:5px 12px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:5px;font-size:12px;cursor:pointer;transition:background .15s}.admin-btn-sm-cancel:hover{background:#e5e7eb}.admin-plans-settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.admin-plan-settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.admin-plan-settings-card.silver{border-top:3px solid #94a3b8}.admin-plan-settings-card.gold{border-top:3px solid #f59e0b}.admin-plan-settings-card.platinum{border-top:3px solid #8b5cf6}.admin-addon-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;border-left:4px solid #0891b2;margin-top:20px;overflow:hidden}.admin-addon-card .admin-plan-settings-header{background:linear-gradient(135deg,#ecfeff,#f0fdfa)}.admin-addon-body{padding:16px 20px;display:flex;gap:32px;align-items:flex-start}.admin-addon-body .admin-plan-field{min-width:160px}.admin-plan-settings-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.admin-plan-settings-header h4{font-size:15px;font-weight:600;color:#1e293b;margin:0}.admin-plan-edit-actions{display:flex;gap:6px}.admin-plan-settings-body{padding:14px 16px;display:flex;flex-direction:column;gap:12px}.admin-plan-field{display:flex;flex-direction:column;gap:4px}.admin-plan-field label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.3px}.admin-plan-field-value{font-size:14px;font-weight:500;color:#1e293b}.admin-plan-field-value.strikeout{text-decoration:line-through;color:#94a3b8}.admin-plan-field .admin-form-input{padding:7px 10px;font-size:13px}.admin-policies-list{display:flex;flex-direction:column;gap:10px}.admin-policy-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.admin-policy-info{display:flex;align-items:center;gap:10px}.admin-policy-name{font-size:14px;font-weight:500;color:#1e293b}.admin-policy-editable{display:inline-block;background:#d1fae5;color:#065f46;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.admin-policy-status{font-size:12px;color:#94a3b8;max-width:400px;text-align:right}.admin-info-box{display:flex;align-items:flex-start;padding:12px 16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;font-size:13px;color:#1e40af}.admin-maintenance-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.admin-maintenance-status{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.admin-maintenance-indicator{display:flex;align-items:center;gap:10px}.admin-maintenance-dot{display:inline-block;width:12px;height:12px;border-radius:50%}.admin-maintenance-dot.on{background:#ef4444;box-shadow:0 0 8px #ef444466;animation:adminPulse 2s ease-in-out infinite}.admin-maintenance-dot.off{background:#10b981}@keyframes adminPulse{0%,to{opacity:1}50%{opacity:.5}}.admin-maintenance-label{font-size:16px;font-weight:600;color:#1e293b}.admin-maintenance-details{margin-top:16px;padding:14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.admin-maintenance-message-preview{font-size:13px;color:#991b1b}.admin-maintenance-message-preview strong{display:block;margin-bottom:4px;font-size:12px;text-transform:uppercase;color:#b91c1c}.admin-maintenance-message-preview p{margin:0;font-style:italic}.admin-maintenance-meta{display:flex;gap:20px;margin-top:10px;font-size:12px;color:#6b7280}.admin-maintenance-info{margin-top:20px;padding-top:16px;border-top:1px solid #e2e8f0}.admin-maintenance-info h4{font-size:13px;font-weight:600;color:#374151;margin:0 0 8px}.admin-maintenance-info ul{margin:0;padding-left:20px;list-style:disc}.admin-maintenance-info li{font-size:13px;color:#6b7280;margin-bottom:4px}.admin-btn-danger{padding:8px 16px;background:#dc2626;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:opacity .15s}.admin-btn-danger:hover{opacity:.9}.admin-btn-danger:disabled,.admin-btn-success:disabled{opacity:.6;cursor:not-allowed}.st-status-tabs{display:flex;gap:8px;margin-top:16px;margin-bottom:20px;flex-wrap:wrap}.st-status-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.st-status-tab:hover{border-color:#94a3b8;color:#1e293b}.st-status-tab.active{background:#1e293b;color:#fff;border-color:#1e293b}.st-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;font-size:11px;font-weight:600;background:#0000000f;color:inherit}.st-status-tab.active .st-tab-count{background:#fff3}.st-tickets-table th,.st-tickets-table td{white-space:nowrap;vertical-align:middle}.st-tickets-table th:nth-child(1),.st-tickets-table td:nth-child(1){width:10%}.st-tickets-table th:nth-child(2),.st-tickets-table td:nth-child(2){width:20%}.st-tickets-table th:nth-child(3),.st-tickets-table td:nth-child(3){width:18%}.st-tickets-table th:nth-child(4),.st-tickets-table td:nth-child(4){width:11%}.st-tickets-table th:nth-child(5),.st-tickets-table td:nth-child(5){width:9%;text-align:center}.st-tickets-table th:nth-child(6),.st-tickets-table td:nth-child(6){width:16%}.st-tickets-table th:nth-child(7),.st-tickets-table td:nth-child(7){width:16%}.st-row-unreplied{background:#fffbeb!important}.st-ticket-id{font-family:monospace;font-weight:600;font-size:12px;color:#3b82f6;background:#eff6ff;padding:3px 8px;border-radius:4px;letter-spacing:.5px}.st-user-cell{display:flex;flex-direction:column;gap:2px}.st-user-name{font-weight:500;font-size:13px;color:#1e293b}.st-user-email{font-size:11px;color:#94a3b8}.st-category-tag{display:inline-block;font-size:11px;font-weight:500;background:#f1f5f9;color:#475569;padding:3px 8px;border-radius:4px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-issue-cell{font-size:12px;color:#475569;max-width:200px;overflow:hidden;text-overflow:ellipsis}.st-status-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;border:1px solid}.st-status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.st-msg-count{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:#64748b}.st-msg-unreplied{color:#d97706;font-weight:600}.st-action-btns{display:flex;gap:8px;align-items:center}.st-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:7px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .15s;color:#64748b;padding:0}.st-icon-btn:hover{background:#f1f5f9;color:#1e293b}.st-icon-btn:disabled{opacity:.4;cursor:not-allowed}.st-icon-btn-chat{border-color:#93c5fd;color:#3b82f6;background:#eff6ff}.st-icon-btn-chat:hover{background:#dbeafe;color:#2563eb}.st-icon-btn-progress{border-color:#fbbf24;color:#92400e;background:#fffbeb}.st-icon-btn-progress:hover{background:#fef3c7}.st-icon-btn-close{border-color:#fca5a5;color:#dc2626;background:#fef2f2}.st-icon-btn-close:hover{background:#fee2e2}.st-icon-btn-reopen{border-color:#86efac;color:#166534;background:#dcfce7}.st-icon-btn-reopen:hover{background:#bbf7d0}.st-sortable-th{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.st-sortable-th:hover{color:#3b82f6}.st-sort-icon{display:inline-block;vertical-align:middle;margin-left:4px;transition:transform .2s}.st-chat-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.st-chat-modal{background:#fff;border-radius:16px;width:100%;max-width:680px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;position:relative;overflow:hidden}.st-chat-close{position:absolute;top:16px;right:16px;background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;cursor:pointer;padding:6px;border-radius:8px;z-index:2;display:flex;align-items:center;justify-content:center;transition:all .15s}.st-chat-close:hover{color:#1e293b;background:#e2e8f0}.st-chat-header{display:flex;align-items:center;justify-content:space-between;padding:18px 50px 14px 20px;border-bottom:1px solid #f1f5f9}.st-chat-header-left{display:flex;align-items:center;gap:12px}.st-chat-header-left h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.st-chat-user{font-size:12px;color:#94a3b8}.st-chat-issue{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#f8fafc;font-size:12px;color:#64748b;border-bottom:1px solid #f1f5f9}.st-chat-category{font-weight:600;color:#475569}.st-chat-issue-sep{color:#cbd5e1}.st-chat-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;min-height:200px;max-height:400px;background:#fafbfc}.st-chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 0;color:#94a3b8;font-size:14px}.st-chat-msg{display:flex;gap:10px;max-width:80%}.st-msg-user{align-self:flex-end;flex-direction:row-reverse}.st-msg-admin{align-self:flex-start}.st-msg-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.st-msg-user .st-msg-avatar{background:#dcfce7;color:#166534}.st-msg-admin .st-msg-avatar{background:#eff6ff;color:#3b82f6}.st-msg-content{display:flex;flex-direction:column;gap:3px}.st-msg-user .st-msg-content{align-items:flex-end}.st-msg-sender{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.3px}.st-msg-bubble{padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.st-msg-user .st-msg-bubble{background:#dcfce7;color:#166534;border-bottom-right-radius:4px}.st-msg-admin .st-msg-bubble{background:#fff;color:#1e293b;border:1px solid #e2e8f0;border-bottom-left-radius:4px}.st-msg-time{font-size:10px;color:#94a3b8}.st-chat-reply{padding:14px 20px 18px;border-top:1px solid #f1f5f9;background:#fff}.st-reply-input{width:100%;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;font-size:13px;font-family:inherit;resize:none;outline:none;transition:border-color .15s;box-sizing:border-box}.st-reply-input:focus{border-color:#3b82f6}.st-reply-actions{display:flex;justify-content:flex-end;margin-top:10px}.st-reply-status-btns{display:flex;gap:8px;flex-wrap:wrap}.st-reply-send{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:#1e293b;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .15s}.st-reply-send:hover{opacity:.9}.st-reply-send:disabled{opacity:.5;cursor:not-allowed}.st-reply-progress{padding:8px 14px;background:#fffbeb;color:#92400e;border:1px solid #f59e0b;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s}.st-reply-progress:hover{background:#fef3c7}.st-reply-progress:disabled{opacity:.5;cursor:not-allowed}.st-reply-close{padding:8px 14px;background:#fef2f2;color:#991b1b;border:1px solid #fca5a5;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s}.st-reply-close:hover{background:#fee2e2}.st-reply-close:disabled{opacity:.5;cursor:not-allowed}.st-chat-closed-banner{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:#fef2f2;color:#991b1b;font-size:13px;font-weight:500;border-top:1px solid #fca5a5}.st-reopen-btn{padding:5px 14px;background:#fff;color:#1e293b;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.st-reopen-btn:hover{background:#f8fafc;border-color:#94a3b8}.st-reopen-btn:disabled{opacity:.5;cursor:not-allowed}.dl-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.dl-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 20px;text-align:center}.dl-stat-value{font-size:28px;font-weight:700;color:#1e293b}.dl-stat-label{font-size:12px;color:#64748b;margin-top:4px;font-weight:500}.dl-stat-exceeded{border-left:4px solid #dc2626}.dl-stat-exceeded .dl-stat-value{color:#dc2626}.dl-stat-warning{border-left:4px solid #d97706}.dl-stat-warning .dl-stat-value{color:#d97706}.dl-stat-ok{border-left:4px solid #10b981}.dl-stat-ok .dl-stat-value{color:#10b981}.dl-filters{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.dl-filters .admin-search-input{flex:1;min-width:200px}.dl-filter-select{padding:9px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;background:#fff;outline:none;cursor:pointer;min-width:130px}.dl-filter-select:focus{border-color:#1e293b}.dl-tracker-table th,.dl-tracker-table td{vertical-align:middle}.dl-tracker-table th:nth-child(1),.dl-tracker-table td:nth-child(1){width:12%}.dl-tracker-table th:nth-child(2),.dl-tracker-table td:nth-child(2){width:17%}.dl-tracker-table th:nth-child(3),.dl-tracker-table td:nth-child(3){width:10%}.dl-tracker-table th:nth-child(4),.dl-tracker-table td:nth-child(4){width:8%}.dl-tracker-table th:nth-child(5),.dl-tracker-table td:nth-child(5){width:18%}.dl-tracker-table th:nth-child(6),.dl-tracker-table td:nth-child(6){width:10%}.dl-tracker-table th:nth-child(7),.dl-tracker-table td:nth-child(7){width:14%}.dl-tracker-table th:nth-child(8),.dl-tracker-table td:nth-child(8){width:11%}.dl-sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.dl-sortable:hover{color:#3b82f6}.dl-row-exceeded{background:#fef2f2!important}.dl-row-warning{background:#fffbeb!important}.dl-name-cell{font-weight:500;color:#1e293b}.dl-email-cell{font-size:12px;color:#64748b}.dl-usage-cell{min-width:140px}.dl-usage-detail{display:flex;justify-content:space-between;align-items:center;font-size:12px}.dl-usage-label{color:#94a3b8;font-weight:500;font-size:11px}.dl-usage-nums{font-weight:600;color:#1e293b;font-size:12px}.dl-usage-bar{width:100%;height:4px;background:#e2e8f0;border-radius:2px;margin-top:3px;overflow:hidden}.dl-usage-fill{height:100%;border-radius:2px;transition:width .3s ease}.dl-remaining-cell{font-size:12px;color:#475569;line-height:1.6}.dl-alert-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.dl-alert-exceeded{background:#fef2f2;color:#dc2626;border:1px solid #fca5a5}.dl-alert-warning{background:#fffbeb;color:#d97706;border:1px solid #fbbf24}.dl-alert-normal{background:#ecfdf5;color:#059669;border:1px solid #6ee7b7}.rv-page-header,.al-page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.rv-tabs{display:flex;gap:0;border-bottom:2px solid #e2e8f0;margin-bottom:20px}.rv-tab{padding:10px 24px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;color:#64748b;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.rv-tab:hover{color:#1e293b}.rv-tab-active{color:#1e293b;border-bottom-color:#1e293b;font-weight:600}.rv-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.rv-stat-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:18px 20px}.rv-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rv-stat-icon-total{background:#ecfdf5;color:#059669}.rv-stat-icon-monthly{background:#eff6ff;color:#2563eb}.rv-stat-icon-today{background:#fef3c7;color:#d97706}.rv-stat-icon-txns{background:#f1f5f9;color:#475569}.rv-stat-text{display:flex;flex-direction:column}.rv-stat-label{font-size:12px;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.rv-stat-value{font-size:22px;font-weight:700;color:#1e293b}.rv-breakdown-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.rv-breakdown-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.rv-breakdown-title{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 14px}.rv-breakdown-list{display:flex;flex-direction:column;gap:10px}.rv-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8fafc;border-radius:6px}.rv-breakdown-plan{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#334155}.rv-plan-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.rv-plan-dot-silver{background:#94a3b8}.rv-plan-dot-gold{background:#f59e0b}.rv-plan-dot-platinum{background:#6366f1}.rv-plan-dot-unknown{background:#cbd5e1}.rv-method-icon{display:flex;align-items:center;color:#64748b}.rv-breakdown-info{display:flex;align-items:center;gap:16px}.rv-breakdown-count{font-size:12px;color:#94a3b8}.rv-breakdown-amount{font-size:14px;font-weight:600;color:#1e293b}.rv-empty-text{color:#94a3b8;font-size:13px;padding:8px 0}.rv-trend-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px;margin-bottom:24px}.rv-trend-chart{display:flex;align-items:flex-end;gap:8px;height:200px;padding-top:20px}.rv-trend-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.rv-trend-value{font-size:10px;color:#64748b;font-weight:500;margin-bottom:4px;white-space:nowrap}.rv-trend-bar-wrapper{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.rv-trend-bar{width:70%;max-width:48px;min-width:16px;background:linear-gradient(180deg,#1e293b,#475569);border-radius:4px 4px 0 0;transition:height .4s ease}.rv-trend-label{font-size:11px;color:#94a3b8;margin-top:6px;white-space:nowrap}.rv-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.rv-date-group{display:flex;align-items:center;gap:6px}.rv-date-label{font-size:12px;color:#64748b;font-weight:500}.rv-date-input{min-width:140px}.al-search{flex:0 1 260px;min-width:180px}.rv-table{table-layout:fixed;width:100%}.rv-cell-name{font-weight:500;color:#1e293b;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rv-cell-email{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#475569}.rv-cell-amount{font-weight:600;color:#059669;white-space:nowrap}.rv-cell-method{font-size:13px;color:#475569;white-space:nowrap}.rv-cell-txn{font-family:monospace;font-size:12px;color:#64748b;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rv-plan-pill{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.rv-plan-pill-silver{background:#f1f5f9;color:#64748b;border:1px solid #cbd5e1}.rv-plan-pill-gold{background:#fef3c7;color:#92400e;border:1px solid #fbbf24}.rv-plan-pill-platinum{background:#eef2ff;color:#4338ca;border:1px solid #a5b4fc}.rv-plan-pill-unknown{background:#f1f5f9;color:#94a3b8;border:1px solid #e2e8f0}.rv-status-active{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600;background:#ecfdf5;color:#059669;border:1px solid #6ee7b7}.rv-status-expired{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600;background:#fef2f2;color:#dc2626;border:1px solid #fca5a5}.rv-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;padding:12px 0}.rv-page-info{font-size:13px;color:#64748b}.al-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.al-delete-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:6px;font-size:13px;font-weight:500;border:1px solid #e2e8f0;background:#f8fafc;color:#94a3b8;cursor:not-allowed;transition:all .2s}.al-delete-btn:disabled{opacity:.7}.al-delete-btn-active{background:#ef4444;color:#fff;border-color:#ef4444;cursor:pointer}.al-delete-btn-active:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.al-delete-btn-active:disabled{opacity:.6;cursor:wait}.al-refresh-btn{display:inline-flex!important;align-items:center;gap:6px}.al-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.al-stat-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 18px}.al-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.al-stat-icon-total{background:#f1f5f9;color:#475569}.al-stat-icon-admins{background:#eff6ff;color:#2563eb}.al-stat-icon-actions{background:#fef3c7;color:#d97706}.al-stat-icon-retention{background:#ecfdf5;color:#059669}.al-stat-text{display:flex;flex-direction:column}.al-stat-label{font-size:11px;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.al-stat-value{font-size:20px;font-weight:700;color:#1e293b}.al-action-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.al-action-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:16px;font-size:12px;font-weight:500;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .15s}.al-action-pill:hover{border-color:#94a3b8}.al-action-pill-selected{border-color:#1e293b!important;background:#f1f5f9}.al-action-pill-info{color:#2563eb}.al-action-pill-success{color:#059669}.al-action-pill-warning{color:#d97706}.al-action-pill-danger{color:#dc2626}.al-action-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;border-radius:9px;background:#f1f5f9;font-size:11px;font-weight:600;color:#475569}.al-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.al-table{table-layout:auto;width:100%}.al-row-danger{background:#fef2f2!important}.al-row-danger:hover{background:#fee2e2!important}.al-cell-time{white-space:nowrap}.al-time-primary{font-size:13px;color:#334155}.al-time-relative{font-size:11px;color:#94a3b8}.al-cell-admin{font-size:13px;color:#475569;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.al-cell-target{font-family:monospace;font-size:12px;color:#64748b;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.al-cell-details{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.al-detail-chip{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;background:#f1f5f9;color:#475569;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.al-detail-empty{color:#cbd5e1}.al-action-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.al-action-badge-info{background:#eff6ff;color:#2563eb;border:1px solid #93c5fd}.al-action-badge-success{background:#ecfdf5;color:#059669;border:1px solid #6ee7b7}.al-action-badge-warning{background:#fffbeb;color:#d97706;border:1px solid #fbbf24}.al-action-badge-danger{background:#fef2f2;color:#dc2626;border:1px solid #fca5a5}.al-view-btn{padding:4px 8px!important;min-width:auto!important}.al-detail-modal{max-width:560px}.al-detail-grid{display:flex;flex-direction:column;gap:12px}.al-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8fafc;border-radius:6px}.al-detail-label{font-size:13px;color:#64748b;font-weight:500}.al-detail-value{font-size:13px;color:#1e293b;font-weight:500;text-align:right;max-width:60%;overflow-wrap:break-word}.al-detail-mono{font-family:monospace;font-size:12px;color:#475569}.al-detail-section{margin-top:16px}.al-detail-section-title{font-size:13px;font-weight:600;color:#1e293b;margin:0 0 8px}.al-detail-json{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:12px;font-family:monospace;font-size:12px;color:#334155;white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto;margin:0}.al-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#1e293b}.al-row-selected{background:#e0e7ff!important}.al-row-selected:hover{background:#c7d2fe!important}.rp-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:32px}.rp-stat-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.rp-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rp-stat-icon-pdf{background:#fee2e2;color:#dc2626}.rp-stat-icon-pdf svg{stroke:#dc2626}.rp-stat-icon-docx{background:#dbeafe;color:#2563eb}.rp-stat-icon-docx svg{stroke:#2563eb}.rp-stat-icon-cl{background:#d1fae5;color:#059669}.rp-stat-icon-cl svg{stroke:#059669}.rp-stat-icon-ats{background:#fef3c7;color:#d97706}.rp-stat-icon-ats svg{stroke:#d97706}.rp-stat-info{display:flex;flex-direction:column}.rp-stat-value{font-size:24px;font-weight:700;color:#1e293b;line-height:1.2}.rp-stat-label{font-size:13px;color:#64748b;margin-top:2px}.rp-summary-section{margin-bottom:32px}.rp-section-title{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:16px}.rp-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.rp-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.rp-summary-card h4{font-size:14px;font-weight:600;color:#334155;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f1f5f9}.rp-summary-breakdown{display:flex;flex-direction:column;gap:8px}.rp-breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.rp-breakdown-label{font-size:13px;color:#64748b}.rp-breakdown-value{font-size:14px;font-weight:600;color:#1e293b}.rp-breakdown-total{border-top:1px solid #e2e8f0;padding-top:8px;margin-top:4px}.rp-breakdown-total .rp-breakdown-label{font-weight:600;color:#334155}.rp-triple-chart-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:28px}.rp-triple-chart-row .rp-chart-square{margin-bottom:0}@media (max-width: 1024px){.rp-triple-chart-row{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.rp-triple-chart-row{grid-template-columns:1fr}.rp-triple-chart-row .rp-chart-square{aspect-ratio:auto;min-height:260px}}.rp-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:8px}.rp-dual-chart-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.rp-chart-square{aspect-ratio:1 / 1;display:flex;flex-direction:column;margin-bottom:0}.rp-chart-square .rp-chart-area{flex:1;display:flex;flex-direction:column;justify-content:center}.rp-chart-square .rp-vertical-bars{flex:1;height:auto}.rp-chart-title{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 16px;text-align:center}@media (max-width: 768px){.rp-dual-chart-row{grid-template-columns:1fr}.rp-chart-square{aspect-ratio:auto;min-height:280px}}.rp-bar-chart{display:flex;flex-direction:column;gap:16px}.rp-bar-item{display:grid;grid-template-columns:110px 1fr 70px;align-items:center;gap:12px}.rp-bar-label{font-size:13px;font-weight:500;color:#475569;text-align:right}.rp-bar-track{height:28px;background:#f1f5f9;border-radius:6px;overflow:hidden;position:relative}.rp-bar-fill{height:100%;border-radius:6px;transition:width .6s ease;min-width:4px}.rp-bar-value{font-size:14px;font-weight:700;color:#1e293b}.rp-onboarding-chart{display:flex;flex-direction:column;gap:16px}.rp-onboarding-legend{display:flex;gap:20px;justify-content:center}.rp-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#475569}.rp-legend-dot{width:10px;height:10px;border-radius:3px;display:inline-block}.rp-vertical-bars{display:flex;justify-content:space-evenly;align-items:flex-end;height:180px;padding:0 16px;border-bottom:1px solid #e2e8f0;border-left:1px solid #e2e8f0;gap:16px}.rp-vbar-group{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;max-width:80px}.rp-vbar-bars{display:flex;align-items:flex-end;gap:4px;height:140px}.rp-vbar{width:18px;border-radius:4px 4px 0 0;min-height:6px;transition:height .4s ease}.rp-vbar.rp-vbar-wide{width:40px}.rp-vbar-label{font-size:11px;color:#64748b;font-weight:500;white-space:nowrap}.rp-vbar-total{font-size:11px;font-weight:700;color:#1e293b;min-height:14px}.rp-chart-area{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.rp-axis-y-label{position:absolute;left:-6px;top:50%;transform:translateY(-50%) rotate(-90deg);font-size:11px;font-weight:600;color:#64748b;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.rp-axis-x-label{font-size:11px;font-weight:600;color:#64748b;letter-spacing:.5px;text-transform:uppercase;margin-top:4px}.dr-count-badge{font-size:13px;color:#64748b;padding:6px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;white-space:nowrap}.dr-days-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500;background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.hr-coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.hr-coming-soon-icon{margin-bottom:24px;opacity:.6}.hr-coming-soon-title{font-size:24px;font-weight:600;color:#334155;margin-bottom:8px}.hr-coming-soon-desc{font-size:14px;color:#64748b;max-width:400px}.hr-format-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.5px}.hr-format-pdf{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.hr-format-docx{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.admin-page .admin-table.hr-table{table-layout:fixed;font-size:13px}.admin-page .admin-table.hr-table th,.admin-page .admin-table.hr-table td{padding:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-page .admin-table.hr-table th:nth-child(1),.admin-page .admin-table.hr-table td:nth-child(1){width:16%}.admin-page .admin-table.hr-table th:nth-child(2),.admin-page .admin-table.hr-table td:nth-child(2){width:22%}.admin-page .admin-table.hr-table th:nth-child(3),.admin-page .admin-table.hr-table td:nth-child(3){width:22%}.admin-page .admin-table.hr-table th:nth-child(4),.admin-page .admin-table.hr-table td:nth-child(4){width:8%}.admin-page .admin-table.hr-table th:nth-child(5),.admin-page .admin-table.hr-table td:nth-child(5){width:14%}.admin-page .admin-table.hr-table th:nth-child(6),.admin-page .admin-table.hr-table td:nth-child(6){width:18%}.admin-page .admin-table.dr-table{table-layout:fixed;width:100%;font-size:13px}.admin-page .admin-table.dr-table th,.admin-page .admin-table.dr-table td{padding:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-page .admin-table.dr-table th:nth-child(1),.admin-page .admin-table.dr-table td:nth-child(1){width:3.5%;text-align:center}.admin-page .admin-table.dr-table th:nth-child(2),.admin-page .admin-table.dr-table td:nth-child(2){width:16%}.admin-page .admin-table.dr-table th:nth-child(3),.admin-page .admin-table.dr-table td:nth-child(3){width:14%}.admin-page .admin-table.dr-table th:nth-child(4),.admin-page .admin-table.dr-table td:nth-child(4){width:7.5%}.admin-page .admin-table.dr-table th:nth-child(5),.admin-page .admin-table.dr-table td:nth-child(5){width:8%}.admin-page .admin-table.dr-table th:nth-child(6),.admin-page .admin-table.dr-table td:nth-child(6){width:11%}.admin-page .admin-table.dr-table th:nth-child(7),.admin-page .admin-table.dr-table td:nth-child(7){width:9.5%}.admin-page .admin-table.dr-table th:nth-child(8),.admin-page .admin-table.dr-table td:nth-child(8){width:11%}.admin-page .admin-table.dr-table th:nth-child(9),.admin-page .admin-table.dr-table td:nth-child(9){width:9.5%}.admin-page .admin-table.dr-table th:nth-child(10),.admin-page .admin-table.dr-table td:nth-child(10){width:10%;text-align:center}.dr-table-scroll-wrapper{max-height:calc(100vh - 300px);overflow-y:auto;overflow-x:hidden;border:1px solid #e2e8f0;border-radius:8px}.dr-table-scroll-wrapper .dr-table-fixed-header thead th{position:sticky;top:0;z-index:10;background:#f8fafc;box-shadow:0 1px 2px #0000000f}.dr-filters-container{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:16px 0;padding:14px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.dr-filter-group{display:flex;flex-direction:column;gap:4px}.dr-filter-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.dr-filter-select{padding:7px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#334155;background:#fff;min-width:120px;cursor:pointer}.dr-filter-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.dr-filter-search{padding:7px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#334155;background:#fff;min-width:180px}.dr-filter-search:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.dr-filter-count{display:flex;align-items:flex-end;padding-bottom:4px;margin-left:auto}.dr-plan-badge{display:inline-block;padding:2px 7px;border-radius:4px;font-size:11px;font-weight:600}.dr-plan-silver{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.dr-plan-gold{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.dr-plan-platinum{background:#ede9fe;color:#6d28d9;border:1px solid #c4b5fd}.dr-plan-free{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.dr-status-badge{display:inline-block;padding:2px 7px;border-radius:4px;font-size:11px;font-weight:600}.dr-status-active{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.dr-status-inactive{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.blog-header-actions{display:flex;gap:10px;align-items:center}.blog-header-actions .admin-btn{display:inline-flex;align-items:center;gap:6px}.blog-header-actions .admin-btn svg{flex-shrink:0}.blog-btn-preview{background:#f1f5f9!important;color:#475569!important;border:1px solid #cbd5e1!important;font-size:13px!important;padding:8px 14px!important;border-radius:6px!important}.blog-btn-preview:hover{background:#e2e8f0!important}.blog-btn-draft{background:#fef3c7!important;color:#92400e!important;border:1px solid #fcd34d!important;font-size:13px!important;padding:8px 14px!important;border-radius:6px!important}.blog-btn-draft:hover{background:#fde68a!important}.blog-btn-publish{background:#065f46!important;color:#fff!important;border:1px solid #065f46!important;font-size:13px!important;padding:8px 14px!important;border-radius:6px!important}.blog-btn-publish:hover{background:#047857!important}.blog-status-bar{display:flex;gap:20px;flex-wrap:wrap;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:12px 0;font-size:13px;color:#475569}.blog-status-item{display:flex;align-items:center;gap:6px}.blog-status-badge{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.blog-status-badge.published{background:#d1fae5;color:#065f46}.blog-status-badge.draft{background:#fef3c7;color:#92400e}.blog-source-toggle{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:10px 0}.blog-source-label{font-size:13px;font-weight:600;color:#374151}.blog-toggle-group{display:flex;gap:0;border:1px solid #d1d5db;border-radius:6px;overflow:hidden}.blog-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;border:none;background:#fff;color:#64748b;cursor:pointer;transition:all .2s}.blog-toggle-btn:not(:last-child){border-right:1px solid #d1d5db}.blog-toggle-btn:hover{background:#f1f5f9;color:#1f2937}.blog-toggle-btn.active{background:#4f46e5;color:#fff}.blog-toggle-btn.active:hover{background:#4338ca}.blog-toggle-btn svg{flex-shrink:0}.blog-message{padding:10px 16px;border-radius:6px;font-size:13px;margin:10px 0;font-weight:500}.blog-message-success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.blog-message-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.blog-editor-container{margin-top:12px}.blog-field-group{margin-bottom:16px}.blog-field-inline{display:flex;gap:20px}.blog-field-label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.blog-field-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;transition:border-color .2s}.blog-field-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.blog-field-small{width:150px}.blog-editor-tabs{display:flex;gap:0;margin-bottom:0;border-bottom:2px solid #e2e8f0}.blog-tab{padding:10px 20px;font-size:13px;font-weight:500;background:none;border:none;color:#64748b;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.blog-tab:hover{color:#1f2937}.blog-tab.active{color:#4f46e5;border-bottom-color:#4f46e5;font-weight:600}.blog-textarea{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:0 0 6px 6px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:13px;line-height:1.6;color:#1f2937;background:#fafafa;resize:vertical;transition:border-color .2s}.blog-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;background:#fff}.blog-textarea-intro{min-height:140px}.blog-textarea-content{min-height:500px}.blog-editor-hint{padding:8px 12px;background:#eff6ff;border:1px solid #bfdbfe;border-bottom:none;border-radius:6px 6px 0 0;font-size:12px;color:#1e40af;margin-top:8px}.blog-preview-container{margin-top:16px;padding:24px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;max-height:70vh;overflow-y:auto}.blog-preview-header h2{font-size:22px;color:#1f2937;margin-bottom:12px}.blog-preview-promo{padding:10px 14px;background:#fef3c7;border-radius:6px;font-size:13px;margin:12px 0}.blog-preview-body{margin-top:20px;font-size:14px;line-height:1.7;color:#374151}.blog-preview-body h2{font-size:18px;color:#1f2937;margin:20px 0 10px}.blog-preview-body h3{font-size:16px;color:#374151;margin:16px 0 8px}.blog-preview-body ul{margin:8px 0;padding-left:20px}.blog-preview-body li{margin:4px 0}.blog-preview-body p{margin:8px 0}