@import "https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=Outfit:wght@400;600;700;900&family=Inter:wght@300;400;500;600;700&family=Orbitron:wght@600;700;900&display=swap";@layer components;@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-scrollbar-thumb:#0000;--tw-scrollbar-track:#0000;--tw-space-y-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-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-orange-400:oklch(75% .183 55.934);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-teal-400:oklch(77.7% .152 181.912);--color-cyan-400:oklch(78.9% .154 211.53);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-600:oklch(54.6% .245 262.881);--color-indigo-400:oklch(67.3% .182 276.935);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-pink-400:oklch(71.8% .202 349.761);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--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:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-.05em;--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;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--drop-shadow-2xl:0 25px 25px #00000026;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-md:12px;--blur-xl:24px;--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%;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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.-top-4{top:calc(var(--spacing) * -4)}.-top-20{top:calc(var(--spacing) * -20)}.-top-32{top:calc(var(--spacing) * -32)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-2\.5{top:calc(var(--spacing) * 2.5)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-20{top:calc(var(--spacing) * 20)}.top-\[-50px\]{top:-50px}.top-full{top:100%}.-right-2{right:calc(var(--spacing) * -2)}.-right-4{right:calc(var(--spacing) * -4)}.-right-20{right:calc(var(--spacing) * -20)}.-right-32{right:calc(var(--spacing) * -32)}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.right-2\.5{right:calc(var(--spacing) * 2.5)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-\[-50px\]{right:-50px}.right-\[10\%\]{right:10%}.-bottom-8{bottom:calc(var(--spacing) * -8)}.-bottom-20{bottom:calc(var(--spacing) * -20)}.-bottom-32{bottom:calc(var(--spacing) * -32)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-\[-50px\]{bottom:-50px}.-left-20{left:calc(var(--spacing) * -20)}.-left-32{left:calc(var(--spacing) * -32)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-3\.5{left:calc(var(--spacing) * 3.5)}.left-\[-50px\]{left:-50px}.left-\[10\%\]{left:10%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.z-\[12000\]{z-index:12000}.col-span-full{grid-column:1/-1}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.m-auto{margin:auto}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-auto{margin-inline:auto}.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-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-\[15px\]{margin-right:15px}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.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-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.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-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-24{height:calc(var(--spacing) * 24)}.h-32{height:calc(var(--spacing) * 32)}.h-40{height:calc(var(--spacing) * 40)}.h-48{height:calc(var(--spacing) * 48)}.h-96{height:calc(var(--spacing) * 96)}.h-\[20px\]{height:20px}.h-\[30\%\]{height:30%}.h-\[90vh\]{height:90vh}.h-\[240px\]{height:240px}.h-\[300px\]{height:300px}.h-\[350px\]{height:350px}.h-\[500px\]{height:500px}.h-full{height:100%}.max-h-\[400px\]{max-height:400px}.max-h-\[850px\]{max-height:850px}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-\[90px\]{min-height:90px}.min-h-\[130px\]{min-height:130px}.min-h-\[calc\(100vh-180px\)\]{min-height:calc(100vh - 180px)}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3\/4{width:75%}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.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-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-96{width:calc(var(--spacing) * 96)}.w-\[1px\]{width:1px}.w-\[30px\]{width:30px}.w-\[90\%\]{width:90%}.w-\[100px\]{width:100px}.w-\[240px\]{width:240px}.w-\[300px\]{width:300px}.w-\[350px\]{width:350px}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[80\%\]{max-width:80%}.max-w-\[85\%\]{max-width:85%}.max-w-\[120px\]{max-width:120px}.max-w-\[320px\]{max-width:320px}.max-w-\[400px\]{max-width:400px}.max-w-fit{max-width:fit-content}.max-w-lg{max-width:var(--container-lg)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[20px\]{min-width:20px}.min-w-\[70px\]{min-width:70px}.min-w-\[90px\]{min-width:90px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-6{--tw-translate-x:calc(var(--spacing) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[1\.02\]{scale:1.02}.scale-\[1\.15\]{scale:1.15}.-rotate-90{rotate:-90deg}.rotate-0{rotate:0deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[pulse_3s_ease-in-out_infinite\]{animation:3s ease-in-out infinite pulse}.animate-\[pulse_6s_ease-in-out_infinite\]{animation:6s ease-in-out infinite pulse}.animate-\[pulse_8s_ease-in-out_infinite\]{animation:8s ease-in-out infinite pulse}.animate-\[shimmer_2s_infinite\]{animation:2s infinite shimmer}.animate-bounce{animation:var(--animate-bounce)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.scrollbar-thin{scrollbar-width:thin}.scrollbar-thumb-white\/10{--tw-scrollbar-thumb:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.scrollbar-thumb-white\/10{--tw-scrollbar-thumb:color-mix(in oklab, var(--color-white) 10%, transparent)}}.scrollbar-thumb-white\/10{scrollbar-color:var(--tw-scrollbar-thumb) var(--tw-scrollbar-track)}.appearance-none{appearance: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))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.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)}: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)))}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[20px\]{border-radius:20px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.rounded-br-sm{border-bottom-right-radius:var(--radius-sm)}.rounded-bl-full{border-bottom-left-radius:3.40282e38px}.rounded-bl-sm{border-bottom-left-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.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-none{--tw-border-style:none;border-style:none}.border-\[\#10B981\]\/20{border-color:oklab(69.5873% -.142158 .0448781/.2)}.border-\[var\(--neon-cyan\)\]\/30{border-color:var(--neon-cyan)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--neon-cyan\)\]\/30{border-color:color-mix(in oklab, var(--neon-cyan) 30%, transparent)}}.border-\[var\(--neon-cyan\)\]\/40{border-color:var(--neon-cyan)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--neon-cyan\)\]\/40{border-color:color-mix(in oklab, var(--neon-cyan) 40%, transparent)}}.border-\[var\(--neon-gold\)\],.border-\[var\(--neon-gold\)\]\/20{border-color:var(--neon-gold)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--neon-gold\)\]\/20{border-color:color-mix(in oklab, var(--neon-gold) 20%, transparent)}}.border-\[var\(--neon-purple\)\],.border-\[var\(--neon-purple\)\]\/20{border-color:var(--neon-purple)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--neon-purple\)\]\/20{border-color:color-mix(in oklab, var(--neon-purple) 20%, transparent)}}.border-\[var\(--neon-purple\)\]\/30{border-color:var(--neon-purple)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--neon-purple\)\]\/30{border-color:color-mix(in oklab, var(--neon-purple) 30%, transparent)}}.border-green-500\/20{border-color:#00c75833}@supports (color:color-mix(in lab, red, red)){.border-green-500\/20{border-color:color-mix(in oklab, var(--color-green-500) 20%, transparent)}}.border-green-500\/30{border-color:#00c7584d}@supports (color:color-mix(in lab, red, red)){.border-green-500\/30{border-color:color-mix(in oklab, var(--color-green-500) 30%, transparent)}}.border-purple-500\/20{border-color:#ac4bff33}@supports (color:color-mix(in lab, red, red)){.border-purple-500\/20{border-color:color-mix(in oklab, var(--color-purple-500) 20%, transparent)}}.border-red-500{border-color:var(--color-red-500)}.border-red-500\/20{border-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.border-red-500\/20{border-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.border-red-500\/30{border-color:#fb2c364d}@supports (color:color-mix(in lab, red, red)){.border-red-500\/30{border-color:color-mix(in oklab, var(--color-red-500) 30%, transparent)}}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.border-white\/5{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.border-white\/8{border-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.border-white\/8{border-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\/30{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.border-yellow-500\/20{border-color:#edb20033}@supports (color:color-mix(in lab, red, red)){.border-yellow-500\/20{border-color:color-mix(in oklab, var(--color-yellow-500) 20%, transparent)}}.border-t-transparent{border-top-color:#0000}.bg-\[\#1a1f2e\]{background-color:#1a1f2e}.bg-\[\#10B981\]\/10{background-color:oklab(69.5873% -.142158 .0448781/.1)}.bg-\[\#22d3ee\]\/20{background-color:oklab(79.7116% -.114121 -.0700163/.2)}.bg-\[\#050508\]{background-color:#050508}.bg-\[\#ff4d4d\]{background-color:#ff4d4d}.bg-\[var\(--bg-card\)\]{background-color:var(--bg-card)}.bg-\[var\(--neon-cyan\)\],.bg-\[var\(--neon-cyan\)\]\/10{background-color:var(--neon-cyan)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--neon-cyan\)\]\/10{background-color:color-mix(in oklab, var(--neon-cyan) 10%, transparent)}}.bg-\[var\(--neon-cyan\)\]\/20{background-color:var(--neon-cyan)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--neon-cyan\)\]\/20{background-color:color-mix(in oklab, var(--neon-cyan) 20%, transparent)}}.bg-\[var\(--neon-gold\)\],.bg-\[var\(--neon-gold\)\]\/5{background-color:var(--neon-gold)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--neon-gold\)\]\/5{background-color:color-mix(in oklab, var(--neon-gold) 5%, transparent)}}.bg-\[var\(--neon-gold\)\]\/10{background-color:var(--neon-gold)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--neon-gold\)\]\/10{background-color:color-mix(in oklab, var(--neon-gold) 10%, transparent)}}.bg-\[var\(--neon-gold\)\]\/20{background-color:var(--neon-gold)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--neon-gold\)\]\/20{background-color:color-mix(in oklab, var(--neon-gold) 20%, transparent)}}.bg-\[var\(--neon-green\)\]{background-color:var(--neon-green)}.bg-\[var\(--neon-purple\)\],.bg-\[var\(--neon-purple\)\]\/15{background-color:var(--neon-purple)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--neon-purple\)\]\/15{background-color:color-mix(in oklab, var(--neon-purple) 15%, transparent)}}.bg-\[var\(--neon-purple\)\]\/20{background-color:var(--neon-purple)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--neon-purple\)\]\/20{background-color:color-mix(in oklab, var(--neon-purple) 20%, transparent)}}.bg-\[var\(--neon-purple\)\]\/60{background-color:var(--neon-purple)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--neon-purple\)\]\/60{background-color:color-mix(in oklab, var(--neon-purple) 60%, transparent)}}.bg-\[var\(--neon-red\)\]{background-color:var(--neon-red)}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.bg-black\/25{background-color:#00000040}@supports (color:color-mix(in lab, red, red)){.bg-black\/25{background-color:color-mix(in oklab, var(--color-black) 25%, transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-black\/90{background-color:#000000e6}@supports (color:color-mix(in lab, red, red)){.bg-black\/90{background-color:color-mix(in oklab, var(--color-black) 90%, transparent)}}.bg-gray-600{background-color:var(--color-gray-600)}.bg-green-500\/10{background-color:#00c7581a}@supports (color:color-mix(in lab, red, red)){.bg-green-500\/10{background-color:color-mix(in oklab, var(--color-green-500) 10%, transparent)}}.bg-green-500\/20{background-color:#00c75833}@supports (color:color-mix(in lab, red, red)){.bg-green-500\/20{background-color:color-mix(in oklab, var(--color-green-500) 20%, transparent)}}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-500\/10{background-color:#ac4bff1a}@supports (color:color-mix(in lab, red, red)){.bg-purple-500\/10{background-color:color-mix(in oklab, var(--color-purple-500) 10%, transparent)}}.bg-purple-500\/20{background-color:#ac4bff33}@supports (color:color-mix(in lab, red, red)){.bg-purple-500\/20{background-color:color-mix(in oklab, var(--color-purple-500) 20%, transparent)}}.bg-purple-500\/90{background-color:#ac4bffe6}@supports (color:color-mix(in lab, red, red)){.bg-purple-500\/90{background-color:color-mix(in oklab, var(--color-purple-500) 90%, transparent)}}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/10{background-color:color-mix(in oklab, var(--color-red-500) 10%, transparent)}}.bg-red-500\/90{background-color:#fb2c36e6}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/90{background-color:color-mix(in oklab, var(--color-red-500) 90%, transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-white\/15{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\/20{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-white\/\[0\.03\]{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.03\]{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.bg-yellow-500\/10{background-color:#edb2001a}@supports (color:color-mix(in lab, red, red)){.bg-yellow-500\/10{background-color:color-mix(in oklab, var(--color-yellow-500) 10%, transparent)}}.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))}.from-\[\#10b981\]{--tw-gradient-from:#10b981;--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-\[var\(--neon-cyan\)\]{--tw-gradient-from:var(--neon-cyan);--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-\[var\(--neon-cyan\)\]\/20{--tw-gradient-from:var(--neon-cyan)}@supports (color:color-mix(in lab, red, red)){.from-\[var\(--neon-cyan\)\]\/20{--tw-gradient-from:color-mix(in oklab, var(--neon-cyan) 20%, transparent)}}.from-\[var\(--neon-cyan\)\]\/20{--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-\[var\(--neon-gold\)\]{--tw-gradient-from:var(--neon-gold);--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-\[var\(--neon-purple\)\]{--tw-gradient-from:var(--neon-purple);--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-\[var\(--neon-purple\)\]\/20{--tw-gradient-from:var(--neon-purple)}@supports (color:color-mix(in lab, red, red)){.from-\[var\(--neon-purple\)\]\/20{--tw-gradient-from:color-mix(in oklab, var(--neon-purple) 20%, transparent)}}.from-\[var\(--neon-purple\)\]\/20{--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-\[var\(--neon-purple\)\]\/80{--tw-gradient-from:var(--neon-purple)}@supports (color:color-mix(in lab, red, red)){.from-\[var\(--neon-purple\)\]\/80{--tw-gradient-from:color-mix(in oklab, var(--neon-purple) 80%, transparent)}}.from-\[var\(--neon-purple\)\]\/80{--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-400{--tw-gradient-from:var(--color-cyan-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-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-white\/5{--tw-gradient-from:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.from-white\/5{--tw-gradient-from:color-mix(in oklab, var(--color-white) 5%, transparent)}}.from-white\/5{--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\/10{--tw-gradient-from:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.from-white\/10{--tw-gradient-from:color-mix(in oklab, var(--color-white) 10%, transparent)}}.from-white\/10{--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-\[\#ec4899\]{--tw-gradient-via:#ec4899;--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-\[\#fff\]{--tw-gradient-via:#fff;--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-\[\#3b82f6\]{--tw-gradient-to:#3b82f6;--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-\[var\(--neon-cyan\)\]{--tw-gradient-to:var(--neon-cyan);--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-\[var\(--neon-cyan\)\]\/20{--tw-gradient-to:var(--neon-cyan)}@supports (color:color-mix(in lab, red, red)){.to-\[var\(--neon-cyan\)\]\/20{--tw-gradient-to:color-mix(in oklab, var(--neon-cyan) 20%, transparent)}}.to-\[var\(--neon-cyan\)\]\/20{--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-\[var\(--neon-cyan\)\]\/80{--tw-gradient-to:var(--neon-cyan)}@supports (color:color-mix(in lab, red, red)){.to-\[var\(--neon-cyan\)\]\/80{--tw-gradient-to:color-mix(in oklab, var(--neon-cyan) 80%, transparent)}}.to-\[var\(--neon-cyan\)\]\/80{--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-\[var\(--neon-gold\)\]\/40{--tw-gradient-to:var(--neon-gold)}@supports (color:color-mix(in lab, red, red)){.to-\[var\(--neon-gold\)\]\/40{--tw-gradient-to:color-mix(in oklab, var(--neon-gold) 40%, transparent)}}.to-\[var\(--neon-gold\)\]\/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))}.to-\[var\(--neon-purple\)\]{--tw-gradient-to:var(--neon-purple);--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-\[var\(--neon-purple\)\]\/20{--tw-gradient-to:var(--neon-purple)}@supports (color:color-mix(in lab, red, red)){.to-\[var\(--neon-purple\)\]\/20{--tw-gradient-to:color-mix(in oklab, var(--neon-purple) 20%, transparent)}}.to-\[var\(--neon-purple\)\]\/20{--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-black\/20{--tw-gradient-to:#0003}@supports (color:color-mix(in lab, red, red)){.to-black\/20{--tw-gradient-to:color-mix(in oklab, var(--color-black) 20%, transparent)}}.to-black\/20{--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-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-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-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-white\/1{--tw-gradient-to:#ffffff03}@supports (color:color-mix(in lab, red, red)){.to-white\/1{--tw-gradient-to:color-mix(in oklab, var(--color-white) 1%, transparent)}}.to-white\/1{--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}.object-cover{object-fit:cover}.\!p-0{padding:calc(var(--spacing) * 0)!important}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.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-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.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)}.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-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-1{padding-top:calc(var(--spacing) * 1)}.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-8{padding-top:calc(var(--spacing) * 8)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pb-\[90px\]{padding-bottom:90px}.pb-\[130px\]{padding-bottom:130px}.pl-1{padding-left:calc(var(--spacing) * 1)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-start{text-align:start}.align-middle{vertical-align:middle}.font-\[\'Amiri\'\]{font-family:Amiri}.font-\[\'Outfit\'\]{font-family:Outfit}.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-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-\[0\.6em\]{font-size:.6em}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[0\.9rem\]{font-size:.9rem}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.75rem\]{font-size:.75rem}.text-\[0\.82rem\]{font-size:.82rem}.text-\[0\.85rem\]{font-size:.85rem}.text-\[0\.88rem\]{font-size:.88rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[1\.1rem\]{font-size:1.1rem}.text-\[1\.2rem\]{font-size:1.2rem}.text-\[1\.3rem\]{font-size:1.3rem}.text-\[1\.4rem\]{font-size:1.4rem}.text-\[1\.05rem\]{font-size:1.05rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[1\.8rem\]{font-size:1.8rem}.text-\[1\.15rem\]{font-size:1.15rem}.text-\[1rem\]{font-size:1rem}.text-\[2rem\]{font-size:2rem}.text-\[4rem\]{font-size:4rem}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.leading-\[1\.8\]{--tw-leading:1.8;line-height:1.8}.leading-\[2\]{--tw-leading:2;line-height:2}.leading-\[3\.5rem\]{--tw-leading:3.5rem;line-height:3.5rem}.leading-none{--tw-leading:1;line-height:1}.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-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-\[1px\]{--tw-tracking:1px;letter-spacing:1px}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.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}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#3b82f6\]{color:#3b82f6}.text-\[\#8b5cf6\]{color:#8b5cf6}.text-\[\#10B981\],.text-\[\#10b981\]{color:#10b981}.text-\[\#22d3ee\]{color:#22d3ee}.text-\[\#eab308\]{color:#eab308}.text-\[\#f43f5e\]{color:#f43f5e}.text-\[\#f59e0b\]{color:#f59e0b}.text-\[var\(--neon-blue\)\]{color:var(--neon-blue)}.text-\[var\(--neon-cyan\)\]{color:var(--neon-cyan)}.text-\[var\(--neon-gold\)\]{color:var(--neon-gold)}.text-\[var\(--neon-green\)\]{color:var(--neon-green)}.text-\[var\(--neon-purple\)\]{color:var(--neon-purple)}.text-\[var\(--neon-red\)\]{color:var(--neon-red)}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-black{color:var(--color-black)}.text-blue-400{color:var(--color-blue-400)}.text-green-400{color:var(--color-green-400)}.text-indigo-400{color:var(--color-indigo-400)}.text-orange-400{color:var(--color-orange-400)}.text-pink-400{color:var(--color-pink-400)}.text-purple-400{color:var(--color-purple-400)}.text-red-200{color:var(--color-red-200)}.text-red-400{color:var(--color-red-400)}.text-teal-400{color:var(--color-teal-400)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-white\/30{color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.text-white\/30{color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.text-white\/50{color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.text-yellow-400{color:var(--color-yellow-400)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.placeholder-white\/30::placeholder{color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.placeholder-white\/30::placeholder{color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.placeholder-white\/40::placeholder{color:#fff6}@supports (color:color-mix(in lab, red, red)){.placeholder-white\/40::placeholder{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.opacity-0{opacity:0}.opacity-5{opacity:.05}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.mix-blend-screen{mix-blend-mode:screen}.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-\[0_-10px_40px_rgba\(0\,0\,0\,0\.6\)\]{--tw-shadow:0 -10px 40px var(--tw-shadow-color,#0009);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_8px_rgba\(168\,85\,247\,0\.6\)\]{--tw-shadow:0 0 8px var(--tw-shadow-color,#a855f799);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_8px_var\(--neon-green\)\]{--tw-shadow:0 0 8px var(--tw-shadow-color,var(--neon-green));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_8px_var\(--neon-red\)\]{--tw-shadow:0 0 8px var(--tw-shadow-color,var(--neon-red));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(168\,85\,247\,0\.2\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#a855f733);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(168\,85\,247\,0\.3\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#a855f74d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_10px_var\(--neon-gold\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,var(--neon-gold));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(34\,197\,94\,0\.2\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#22c55e33);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(34\,211\,238\,0\.4\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#22d3ee66);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(168\,85\,247\,0\.3\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#a855f74d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(168\,85\,247\,0\.4\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#a855f766);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(239\,68\,68\,0\.1\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#ef44441a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(251\,191\,36\,0\.3\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#fbbf244d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(251\,191\,36\,0\.05\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#fbbf240d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_20px_rgba\(168\,85\,247\,0\.5\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#a855f780);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_30px_rgba\(34\,211\,238\,0\.4\)\]{--tw-shadow:0 0 30px var(--tw-shadow-color,#22d3ee66);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_30px_rgba\(168\,85\,247\,0\.1\)\]{--tw-shadow:0 0 30px var(--tw-shadow-color,#a855f71a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_30px_rgba\(168\,85\,247\,0\.25\)\]{--tw-shadow:0 0 30px var(--tw-shadow-color,#a855f740);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_40px_rgba\(168\,85\,247\,0\.4\)\]{--tw-shadow:0 0 40px var(--tw-shadow-color,#a855f766);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)}.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)}.shadow-purple-500\/25{--tw-shadow-color:#ac4bff40}@supports (color:color-mix(in lab, red, red)){.shadow-purple-500\/25{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-purple-500) 25%, transparent) var(--tw-shadow-alpha), transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-\[4px\]{--tw-blur:blur(4px);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-\[40px\]{--tw-blur:blur(40px);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-\[50px\]{--tw-blur:blur(50px);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-\[60px\]{--tw-blur:blur(60px);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-\[80px\]{--tw-blur:blur(80px);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-\[120px\]{--tw-blur:blur(120px);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-\[0_0_8px_rgba\(252\,211\,77\,0\.3\)\]{--tw-drop-shadow-size:drop-shadow(0 0 8px var(--tw-drop-shadow-color,#fcd34d4d));--tw-drop-shadow:var(--tw-drop-shadow-size);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-\[0_0_10px_rgba\(255\,255\,255\,0\.2\)\]{--tw-drop-shadow-size:drop-shadow(0 0 10px var(--tw-drop-shadow-color,#fff3));--tw-drop-shadow:var(--tw-drop-shadow-size);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-\[0_0_20px_rgba\(34\,211\,238\,0\.3\)\]{--tw-drop-shadow-size:drop-shadow(0 0 20px var(--tw-drop-shadow-color,#22d3ee4d));--tw-drop-shadow:var(--tw-drop-shadow-size);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-\[0_0_20px_rgba\(34\,211\,238\,1\)\]{--tw-drop-shadow-size:drop-shadow(0 0 20px var(--tw-drop-shadow-color,#22d3ee));--tw-drop-shadow:var(--tw-drop-shadow-size);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-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-xl{--tw-backdrop-blur:blur(var(--blur-xl));-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,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-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-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-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-400{--tw-duration:.4s;transition-duration:.4s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-focus-within\:text-\[var\(--neon-cyan\)\]:is(:where(.group):focus-within *){color:var(--neon-cyan)}.group-focus-within\:text-\[var\(--neon-purple\)\]:is(:where(.group):focus-within *){color:var(--neon-purple)}@media (hover:hover){.group-hover\:scale-150:is(:where(.group):hover *){--tw-scale-x:150%;--tw-scale-y:150%;--tw-scale-z:150%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:rotate-90:is(:where(.group):hover *){rotate:90deg}.group-hover\:bg-\[var\(--neon-cyan\)\]\/20:is(:where(.group):hover *){background-color:var(--neon-cyan)}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-\[var\(--neon-cyan\)\]\/20:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--neon-cyan) 20%, transparent)}}.group-hover\:bg-\[var\(--neon-purple\)\]\/30:is(:where(.group):hover *){background-color:var(--neon-purple)}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-\[var\(--neon-purple\)\]\/30:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--neon-purple) 30%, transparent)}}.group-hover\:text-\[var\(--neon-gold\)\]:is(:where(.group):hover *){color:var(--neon-gold)}.group-hover\:text-\[var\(--neon-purple\)\]:is(:where(.group):hover *){color:var(--neon-purple)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.focus-within\:border-\[var\(--neon-purple\)\]:focus-within{border-color:var(--neon-purple)}.focus-within\:bg-white\/5:focus-within{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.focus-within\:bg-white\/5:focus-within{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.focus-within\:bg-white\/10:focus-within{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.focus-within\:bg-white\/10:focus-within{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.focus-within\:shadow-\[0_0_20px_rgba\(168\,85\,247\,0\.2\)\]:focus-within{--tw-shadow:0 0 20px var(--tw-shadow-color,#a855f733);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.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\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-\[var\(--neon-gold\)\]\/50:hover{border-color:var(--neon-gold)}@supports (color:color-mix(in lab, red, red)){.hover\:border-\[var\(--neon-gold\)\]\/50:hover{border-color:color-mix(in oklab, var(--neon-gold) 50%, transparent)}}.hover\:border-\[var\(--neon-purple\)\]:hover,.hover\:border-\[var\(--neon-purple\)\]\/50:hover{border-color:var(--neon-purple)}@supports (color:color-mix(in lab, red, red)){.hover\:border-\[var\(--neon-purple\)\]\/50:hover{border-color:color-mix(in oklab, var(--neon-purple) 50%, transparent)}}.hover\:border-\[var\(--neon-red\)\]\/50:hover{border-color:var(--neon-red)}@supports (color:color-mix(in lab, red, red)){.hover\:border-\[var\(--neon-red\)\]\/50:hover{border-color:color-mix(in oklab, var(--neon-red) 50%, transparent)}}.hover\:border-white\/20:hover{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/20:hover{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.hover\:bg-\[var\(--neon-cyan\)\]\/30:hover{background-color:var(--neon-cyan)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--neon-cyan\)\]\/30:hover{background-color:color-mix(in oklab, var(--neon-cyan) 30%, transparent)}}.hover\:bg-\[var\(--neon-red\)\]\/10:hover{background-color:var(--neon-red)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--neon-red\)\]\/10:hover{background-color:color-mix(in oklab, var(--neon-red) 10%, transparent)}}.hover\:bg-black\/30:hover{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/30:hover{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.hover\:bg-green-500\/25:hover{background-color:#00c75840}@supports (color:color-mix(in lab, red, red)){.hover\:bg-green-500\/25:hover{background-color:color-mix(in oklab, var(--color-green-500) 25%, transparent)}}.hover\:bg-green-500\/30:hover{background-color:#00c7584d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-green-500\/30:hover{background-color:color-mix(in oklab, var(--color-green-500) 30%, transparent)}}.hover\:bg-red-500\/20:hover{background-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.hover\:bg-red-500\/20:hover{background-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.hover\:bg-red-500\/25:hover{background-color:#fb2c3640}@supports (color:color-mix(in lab, red, red)){.hover\:bg-red-500\/25:hover{background-color:color-mix(in oklab, var(--color-red-500) 25%, transparent)}}.hover\:bg-red-500\/30:hover{background-color:#fb2c364d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-red-500\/30:hover{background-color:color-mix(in oklab, var(--color-red-500) 30%, transparent)}}.hover\:bg-red-500\/80:hover{background-color:#fb2c36cc}@supports (color:color-mix(in lab, red, red)){.hover\:bg-red-500\/80:hover{background-color:color-mix(in oklab, var(--color-red-500) 80%, transparent)}}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.hover\:bg-white\/\[0\.06\]:hover{background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.06\]:hover{background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.hover\:from-\[var\(--neon-purple\)\]:hover{--tw-gradient-from:var(--neon-purple);--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-\[var\(--neon-cyan\)\]:hover{--tw-gradient-to:var(--neon-cyan);--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-\[var\(--neon-red\)\]:hover{color:var(--neon-red)}.hover\:text-white:hover{color:var(--color-white)}.hover\:text-white\/80:hover{color:#fffc}@supports (color:color-mix(in lab, red, red)){.hover\:text-white\/80:hover{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.hover\:shadow-\[0_0_15px_rgba\(34\,211\,238\,0\.3\)\]:hover{--tw-shadow:0 0 15px var(--tw-shadow-color,#22d3ee4d);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-\[0_0_15px_rgba\(168\,85\,247\,0\.4\)\]:hover{--tw-shadow:0 0 15px var(--tw-shadow-color,#a855f766);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-\[0_0_20px_rgba\(34\,211\,238\,0\.4\)\]:hover{--tw-shadow:0 0 20px var(--tw-shadow-color,#22d3ee66);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-\[0_0_20px_rgba\(168\,85\,247\,0\.6\)\]:hover{--tw-shadow:0 0 20px var(--tw-shadow-color,#a855f799);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-\[0_0_20px_rgba\(244\,63\,94\,0\.3\)\]:hover{--tw-shadow:0 0 20px var(--tw-shadow-color,#f43f5e4d);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-\[0_0_30px_rgba\(168\,85\,247\,0\.2\)\]:hover{--tw-shadow:0 0 30px var(--tw-shadow-color,#a855f733);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:border-\[var\(--neon-cyan\)\]:focus{border-color:var(--neon-cyan)}.focus\:border-\[var\(--neon-gold\)\]:focus{border-color:var(--neon-gold)}.focus\:border-\[var\(--neon-purple\)\]:focus{border-color:var(--neon-purple)}.focus\:bg-white\/5:focus{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.focus\:bg-white\/5:focus{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-90:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:shadow-none:disabled{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.disabled\:hover\:scale-100:disabled:hover{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media (width>=40rem){.sm\:w-\[240px\]{width:240px}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:items-center{align-items:center}.sm\:pb-4{padding-bottom:calc(var(--spacing) * 4)}}@media (width>=48rem){.md\:h-\[650px\]{height:650px}.md\:max-w-\[75\%\]{max-width:75%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:rounded-3xl{border-radius:var(--radius-3xl)}.md\:p-4{padding:calc(var(--spacing) * 4)}.md\:p-10{padding:calc(var(--spacing) * 10)}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media (width>=64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.\[\&\:\:-webkit-scrollbar\]\:w-1\.5::-webkit-scrollbar{width:calc(var(--spacing) * 1.5)}.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb{border-radius:3.40282e38px}.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-white\/10::-webkit-scrollbar-thumb{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-white\/10::-webkit-scrollbar-thumb{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}@media (hover:hover){.hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-white\/20:hover::-webkit-scrollbar-thumb{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-white\/20:hover::-webkit-scrollbar-thumb{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}}.\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track{background-color:#0000}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#06060f;--bg-secondary:#0a0a18;--bg-card:#0e0e20c7;--bg-card-hover:#161634e0;--bg-input:#ffffff0a;--bg-input-focus:#ffffff0f;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff26;--neon-purple:#a855f7;--neon-blue:#3b82f6;--neon-cyan:#06b6d4;--neon-pink:#ec4899;--neon-gold:#f59e0b;--neon-green:#22c55e;--neon-red:#ef4444;--glow-purple:0 0 20px #a855f766, 0 0 60px #a855f726;--glow-blue:0 0 20px #3b82f666, 0 0 60px #3b82f626;--glow-cyan:0 0 20px #06b6d466, 0 0 60px #06b6d426;--text-primary:#f0f0ff;--text-secondary:#9ea0c1;--text-muted:#6b6d8f;--radius:16px;--radius-sm:10px;--radius-lg:20px;--transition:.3s cubic-bezier(.4, 0, .2, 1);--transition-fast:.18s cubic-bezier(.4, 0, .2, 1);--tap-min:44px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--nav-height:70px}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100dvh;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}#root{width:100%;min-height:100vh;position:relative;overflow-x:hidden}img,svg{max-width:100%;display:block}button{font:inherit;color:inherit}a{color:inherit}input,textarea,select{box-sizing:border-box;min-width:0;max-width:100%}.glass-card,.modal-content{word-wrap:break-word;overflow-wrap:anywhere}.input-field{box-sizing:border-box;min-width:0}.input-field:focus{border-color:#a855f780;outline:none}html[dir=rtl] .header__top-bar{left:16px;right:auto}html[dir=rtl] .profile-panel{border-left:none;border-right:1px solid #a855f733;left:0;right:auto;transform:translate(-100%)}html[dir=rtl] .profile-panel.open{transform:translate(0)}html[dir=rtl] .feature-panel{border-left:none;border-right:1px solid #a855f74d;left:0;right:auto;transform:translate(-100%)}html[dir=rtl] .feature-panel.open{transform:translate(0)}.cosmic-bg{z-index:0;pointer-events:none;contain:strict;background:#03020a;position:fixed;inset:0;overflow:hidden}.cosmic-bg__gradient{background:radial-gradient(80% 60% at 22% 12%,#3c235a73,#0000 65%),radial-gradient(70% 55% at 85% 88%,#14466452,#0000 70%),radial-gradient(50% 35% at 80% 18%,#8c32502e,#0000 60%),radial-gradient(60% 40% at 15% 85%,#23325f47,#0000 65%),radial-gradient(90% 70%,#0a081c8c,#0000 80%),linear-gradient(#050410 0%,#02010a 50%,#010108 100%);position:absolute;inset:0}.cosmic-bg__galaxy{filter:blur(2px);opacity:.7;mix-blend-mode:screen;background:linear-gradient(112deg,#0000 30%,#b4a0c812 42%,#c8afd71f 50%,#b4a0c812 58%,#0000 70%),linear-gradient(112deg,#0000 38%,#46285a26 48%,#28193c2e 52%,#0000 62%);animation:180s linear infinite alternate galaxyDrift;position:absolute;inset:-20%}@keyframes galaxyDrift{0%{transform:translate(0)}to{transform:translate(2%,-1.5%)}}.cosmic-bg__cloud{filter:blur(90px);mix-blend-mode:screen;will-change:transform;border-radius:50%;position:absolute}.cosmic-bg__cloud--magenta{background:radial-gradient(circle,#c8648259 0%,#c8648200 60%);width:70vmax;height:70vmax;animation:38s ease-in-out infinite alternate cloudDrift1;top:-25vmax;left:-20vmax}.cosmic-bg__cloud--teal{background:radial-gradient(circle,#50a0af47 0%,#50a0af00 60%);width:60vmax;height:60vmax;animation:42s ease-in-out infinite alternate cloudDrift2;bottom:-22vmax;right:-18vmax}.cosmic-bg__cloud--gold{background:radial-gradient(circle,#b4915a38 0%,#b4915a00 60%);width:45vmax;height:45vmax;animation:34s ease-in-out infinite alternate cloudDrift3;top:38%;left:48%;transform:translate(-50%,-50%)}.cosmic-bg__cloud--indigo{background:radial-gradient(circle,#5046a038 0%,#5046a000 60%);width:50vmax;height:50vmax;animation:36s ease-in-out infinite alternate cloudDrift4;top:18%;right:12%}@keyframes cloudDrift1{to{transform:translate(8vmax,6vmax)scale(1.1)}}@keyframes cloudDrift2{to{transform:translate(-7vmax,-8vmax)scale(1.08)}}@keyframes cloudDrift3{to{transform:translate(-46%,-54%)scale(1.1)rotate(30deg)}}@keyframes cloudDrift4{to{transform:translate(-4vmax,5vmax)scale(1.06)}}.cosmic-bg__grid{opacity:.5;background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:clamp(28px,4vmin,44px) clamp(28px,4vmin,44px);position:absolute;inset:-2px;-webkit-mask-image:radial-gradient(80% 70%,#000 30%,#0000 80%);mask-image:radial-gradient(80% 70%,#000 30%,#0000 80%)}.starfield{pointer-events:none;will-change:transform;position:absolute;inset:0;transform:translateZ(0)}.star{animation:twinkle var(--dur) ease-in-out infinite alternate;will-change:opacity, transform;border-radius:50%;position:absolute}@keyframes twinkle{0%{opacity:var(--min-o);transform:scale(1)}to{opacity:var(--max-o);transform:scale(1.55)}}.hero-stars{position:absolute;inset:0}.hero-star{pointer-events:none;width:18px;height:18px;animation:heroPulse var(--dur) ease-in-out infinite;will-change:opacity, transform;position:absolute}.hero-star:before,.hero-star:after{content:"";filter:drop-shadow(0 0 4px #fffffff2)drop-shadow(0 0 10px #c484fc99);background:linear-gradient(#0000,#fff 50%,#0000);position:absolute}.hero-star:before{width:1.5px;height:100%;top:0;left:50%;transform:translate(-50%)}.hero-star:after{background:linear-gradient(90deg,#0000,#fff 50%,#0000);width:100%;height:1.5px;top:50%;left:0;transform:translateY(-50%)}@keyframes heroPulse{0%,to{opacity:.4;transform:scale(.85)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(45deg)}}.cosmic-dust-layer{position:absolute;inset:0}.cosmic-dust{animation:dustDrift var(--drift-dur) linear infinite;will-change:transform, opacity;background:#ffffffd9;border-radius:50%;position:absolute;bottom:-5%;box-shadow:0 0 4px #c484fc99}@keyframes dustDrift{0%{opacity:0;transform:translate(0)}10%{opacity:var(--start-opacity,.4)}90%{opacity:var(--start-opacity,.4)}to{transform:translate(var(--drift-x,0), -110vh);opacity:0}}.cosmic-bg__spotlight{background:radial-gradient(circle 360px at var(--cx,50%) var(--cy,50%), #a855f724, #6366f10f 35%, transparent 70%);pointer-events:none;mix-blend-mode:screen;opacity:0;transition:opacity .6s;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.cosmic-bg__spotlight{opacity:1}}.cosmic-bg__vignette{pointer-events:none;background:radial-gradient(110% 80%,#0000 35%,#0000008c 100%);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.starfield{translate:calc(var(--mx,0) * -5px) calc(var(--my,0) * -5px);transition:translate .9s cubic-bezier(.16,1,.3,1)}.hero-stars{translate:calc(var(--mx,0) * -8px) calc(var(--my,0) * -8px);transition:translate .9s cubic-bezier(.16,1,.3,1)}.cosmic-bg__cloud--magenta,.cosmic-bg__cloud--teal,.cosmic-bg__cloud--gold,.cosmic-bg__cloud--indigo{transition:translate 1.2s cubic-bezier(.16,1,.3,1)}.cosmic-bg__cloud--magenta{translate:calc(var(--mx,0) * -10px) calc(var(--my,0) * -10px)}.cosmic-bg__cloud--teal{translate:calc(var(--mx,0) * 10px) calc(var(--my,0) * 10px)}.cosmic-bg__cloud--gold{translate:calc(var(--mx,0) * -6px) calc(var(--my,0) * -6px)}.cosmic-bg__cloud--indigo{translate:calc(var(--mx,0) * 14px) calc(var(--my,0) * 14px)}.celestial--saturn{translate:calc(var(--mx,0) * 28px) calc(var(--my,0) * 22px);transition:translate .85s cubic-bezier(.16,1,.3,1)}.celestial--planet-purple{translate:calc(var(--mx,0) * 22px) calc(var(--my,0) * 18px);transition:translate .85s cubic-bezier(.16,1,.3,1)}.celestial--planet-cyan{translate:calc(var(--mx,0) * 18px) calc(var(--my,0) * 14px);transition:translate .85s cubic-bezier(.16,1,.3,1)}.celestial--moon{translate:calc(var(--mx,0) * 34px) calc(var(--my,0) * 26px);transition:translate .85s cubic-bezier(.16,1,.3,1)}.celestial--jupiter{translate:calc(var(--mx,0) * 20px) calc(var(--my,0) * 16px);transition:translate .85s cubic-bezier(.16,1,.3,1)}.celestial--earth{translate:calc(var(--mx,0) * 15px) calc(var(--my,0) * 12px);transition:translate .85s cubic-bezier(.16,1,.3,1)}}@media (prefers-reduced-motion:reduce){.starfield,.hero-stars,.cosmic-bg__cloud--magenta,.cosmic-bg__cloud--teal,.cosmic-bg__cloud--gold,.cosmic-bg__cloud--indigo,.celestial--saturn,.celestial--planet-purple,.celestial--planet-cyan,.celestial--moon,.celestial--jupiter,.celestial--earth{translate:0!important}.cosmic-bg__spotlight{display:none}}.celestial{pointer-events:none;filter:drop-shadow(0 12px 30px #0006);opacity:0;animation:celestialFade 1.6s ease forwards, floatGentle var(--float-dur,11s) ease-in-out infinite;position:absolute}@keyframes celestialFade{to{opacity:1}}@keyframes floatGentle{0%,to{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-18px) rotate(calc(var(--rot,0deg) + 3deg))}}.celestial--saturn{--float-dur:14s;--rot:-8deg;width:clamp(140px,20vmin,260px);animation-delay:.1s,0s;top:6%;right:4%}.celestial--saturn svg{width:100%;height:auto;display:block}.celestial--planet-purple{--float-dur:10s;width:clamp(80px,12vmin,150px);animation-delay:.4s,1s;top:16%;left:4%}.celestial--planet-cyan{--float-dur:12s;width:clamp(60px,9vmin,110px);animation-delay:.6s,2s;bottom:14%;right:8%}.celestial--moon{--float-dur:9s;--rot:2deg;width:clamp(32px,5.5vmin,58px);animation-delay:.8s,3s;top:12%;left:5%}.celestial--jupiter{--float-dur:16s;--rot:4deg;width:clamp(65px,9vmin,120px);animation-delay:.5s,1.5s;bottom:10%;left:4%}.celestial--jupiter svg{width:100%;height:auto;display:block}.celestial--earth{--float-dur:11s;--rot:-3deg;width:clamp(40px,6.5vmin,75px);animation-delay:.3s,2s;bottom:16%;right:6%}.celestial--earth svg{width:100%;height:auto;display:block}.moon-orb{aspect-ratio:1;background:radial-gradient(circle at 38% 34%,#e8e4df 0%,#c8c0b8 30%,#8a8078 65%,#3a3530 100%);border-radius:50%;width:100%;position:relative;box-shadow:0 0 20px #c8c0b840,inset -8px -8px 18px #0000008c,inset 6px 6px 12px #ffffff14}.moon-orb:before{content:"";background:radial-gradient(circle at 22% 28%,#5a5248b3 0%,#0000 16%),radial-gradient(circle at 65% 55%,#5a52488c 0%,#0000 13%),radial-gradient(circle at 42% 72%,#5a524873 0%,#0000 10%),radial-gradient(circle at 75% 30%,#5a524859 0%,#0000 9%);border-radius:50%;position:absolute;inset:10%}.moon-orb:after{content:"";background:radial-gradient(circle at 32% 28%,#ffffff4d 0%,#0000 30%);border-radius:50%;position:absolute;inset:0}.planet-orb{aspect-ratio:1;isolation:isolate;border-radius:50%;width:100%;position:relative}.planet-orb--purple{background:radial-gradient(circle at 32% 28%,#ddd6fe 0%,#a78bfa 20%,#7c3aed 50%,#2e1065 100%);box-shadow:0 0 50px #a855f766,inset -18px -18px 36px #0009,inset 14px 14px 28px #ffffff0f}.planet-orb--purple:before{content:"";background:radial-gradient(circle at 30% 28%,#fff6 0%,#0000 35%);border-radius:50%;position:absolute;inset:0}.planet-orb--cyan{background:radial-gradient(circle at 33% 28%,#cffafe 0%,#67e8f9 18%,#0891b2 52%,#083344 100%);box-shadow:0 0 44px #06b6d46b,inset -16px -16px 30px #0009,inset 12px 12px 26px #ffffff14}.planet-orb--cyan:before{content:"";background:radial-gradient(circle at 32% 28%,#ffffff73 0%,#0000 32%);border-radius:50%;position:absolute;inset:0}.planet-orb--moon{background:radial-gradient(circle at 38% 34%,#f8fafc 0%,#e2e8f0 35%,#94a3b8 70%,#334155 100%);box-shadow:0 0 26px #e2e8f061,inset -10px -10px 18px #00000080}.planet-orb--moon:before{content:"";background:radial-gradient(circle at 25% 30%,#64748b99 0%,#0000 18%),radial-gradient(circle at 70% 60%,#64748b80 0%,#0000 14%),radial-gradient(circle at 50% 75%,#64748b66 0%,#0000 12%);border-radius:50%;position:absolute;inset:18%}@media (width<=768px){.cosmic-bg__cloud--indigo{opacity:.7}.celestial--saturn{top:6%;right:2%}}@media (width<=600px){.celestial--planet-cyan,.celestial--jupiter{display:none}.cosmic-bg__cloud{filter:blur(60px)}}@media (width<=420px){.celestial--moon,.celestial--earth{display:none}.celestial--planet-purple{top:10%}.hero-star{width:14px;height:14px}}@keyframes floatSlow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-22px)rotate(6deg)}}@keyframes floatMedium{0%,to{transform:translateY(0)}33%{transform:translateY(-14px)rotate(-4deg)}66%{transform:translateY(10px)rotate(3deg)}}.shooting-star{z-index:3;pointer-events:none;opacity:0;width:0;height:0;animation:shoot var(--dur,1.4s) cubic-bezier(.45, 0, .55, 1) forwards;will-change:transform, opacity;position:fixed}.shooting-star__streak{width:var(--tail-len,200px);height:calc(2.4px * var(--scale,1));top:calc(-1.2px * var(--scale,1));rotate:var(--angle,45deg);transform-origin:100%;filter:drop-shadow(0 0 4px #ffffffd9)drop-shadow(0 0 10px #c484fcb3);background:linear-gradient(90deg,#0000 0%,#c484fc00 5%,#c484fc40 25%,#c484fca6 55%,#fffffff2 92%,#fff 100%);border-radius:999px;position:absolute;right:0}.shooting-star__streak:after{content:"";width:calc(7px * var(--scale,1));height:calc(7px * var(--scale,1));background:#fff;border-radius:50%;position:absolute;top:50%;right:-2px;transform:translateY(-50%);box-shadow:0 0 4px #fff,0 0 10px #fff,0 0 20px #c484fcf2,0 0 36px #a855f7b3,0 0 60px #6366f173}.shooting-star--cyan .shooting-star__streak{filter:drop-shadow(0 0 4px #ffffffd9)drop-shadow(0 0 10px #22d3eeb3);background:linear-gradient(90deg,#0000 0%,#67e8f940 25%,#67e8f9a6 55%,#fffffff2 92%,#fff 100%)}.shooting-star--cyan .shooting-star__streak:after{box-shadow:0 0 4px #fff,0 0 10px #fff,0 0 20px #67e8f9f2,0 0 36px #06b6d4b3,0 0 60px #0891b273}.shooting-star--gold .shooting-star__streak{filter:drop-shadow(0 0 4px #ffffffd9)drop-shadow(0 0 10px #fbbf24b3);background:linear-gradient(90deg,#0000 0%,#fcd34d40 25%,#fcd34da6 55%,#fffffff2 92%,#fff 100%)}.shooting-star--gold .shooting-star__streak:after{box-shadow:0 0 4px #fff,0 0 10px #fff,0 0 20px #fcd34df2,0 0 36px #f59e0bb3,0 0 60px #b4530973}@keyframes shoot{0%{opacity:0;transform:translate(0)}6%{opacity:1}85%{opacity:1}to{transform:translate(var(--tx,600px), var(--ty,400px));opacity:0}}@media (prefers-reduced-motion:reduce){.cosmic-bg__galaxy,.cosmic-bg__cloud,.celestial,.cosmic-dust,.hero-star,.star{animation:none!important}.cosmic-dust-layer{display:none}}.app-container{z-index:10;max-width:600px;padding:calc(24px + var(--safe-top)) 16px calc(var(--nav-height) + 24px + var(--safe-bottom));min-height:100dvh;margin:0 auto;position:relative}@media (width>=768px){.app-container{max-width:720px;padding-left:24px;padding-right:24px}}@media (width>=1024px){.app-container{max-width:1100px;padding-left:40px;padding-right:40px}}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius);transition:var(--transition);content-visibility:auto;contain-intrinsic-size:0 80px;margin-bottom:16px;padding:20px;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 8px 24px #00000040}.glass-card:before{content:"";background:linear-gradient(90deg,#0000,#a855f74d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.glass-card:hover{background:var(--bg-card-hover);border-color:#a855f72e}@media (width>=768px){.glass-card{padding:24px}}.card-title{letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:16px;font-family:Outfit,sans-serif;font-size:.78rem;display:flex}.auth-page{z-index:10;justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex;position:relative}.auth-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius);width:100%;max-width:440px;padding:36px 28px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0006}.auth-card:before{content:"";background:linear-gradient(90deg, transparent, var(--neon-purple), var(--neon-cyan), transparent);height:2px;position:absolute;top:0;left:0;right:0}.auth-logo{text-align:center;background:linear-gradient(135deg, var(--neon-purple), var(--neon-cyan));-webkit-text-fill-color:transparent;letter-spacing:4px;filter:drop-shadow(0 0 20px #a855f780);-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-family:Outfit,sans-serif;font-size:clamp(1.6rem,5vw,2rem);font-weight:900}.auth-subtitle{text-align:center;color:var(--text-secondary);letter-spacing:1px;margin-bottom:28px;font-size:.82rem}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;font-size:.75rem;font-weight:500;display:block}.form-input{width:100%;min-height:var(--tap-min);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);transition:var(--transition-fast);outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:.95rem}.form-input:focus{border-color:var(--neon-purple);background:var(--bg-input-focus);box-shadow:0 0 0 3px #a855f726}.form-input::placeholder{color:var(--text-muted)}.form-input.error{border-color:var(--neon-red)}.form-input:disabled{opacity:.5;cursor:not-allowed}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .form-input{padding-right:48px}.password-toggle-btn{width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--neon-purple);background:#a855f71a}.password-toggle-btn svg{flex-shrink:0;display:inline-block}.form-error{color:var(--neon-red);margin-top:6px;font-size:.75rem}.form-hint{color:var(--text-muted);margin-top:6px;font-size:.72rem}.checkbox-group{cursor:pointer;min-height:var(--tap-min);align-items:flex-start;gap:10px;margin-bottom:12px;padding:4px 0;display:flex}.checkbox-box{border:2px solid var(--border-strong);width:22px;min-width:22px;height:22px;transition:var(--transition-fast);border-radius:5px;justify-content:center;align-items:center;margin-top:2px;font-size:.75rem;display:flex}.checkbox-group.checked .checkbox-box{background:linear-gradient(135deg, var(--neon-purple), var(--neon-blue));box-shadow:var(--glow-purple);border-color:#0000}.checkbox-label{color:var(--text-secondary);-webkit-user-select:none;user-select:none;font-size:.82rem;line-height:1.5}.checkbox-label a{color:var(--neon-purple);text-decoration:underline}.password-strength{gap:4px;margin-top:8px;display:flex}.password-strength__bar{height:3px;transition:var(--transition-fast);background:#ffffff14;border-radius:2px;flex:1}.password-strength__bar.active{background:var(--neon-red)}.password-strength[data-strength="2"] .password-strength__bar.active{background:var(--neon-gold)}.password-strength[data-strength="3"] .password-strength__bar.active{background:var(--neon-cyan)}.password-strength[data-strength="4"] .password-strength__bar.active{background:var(--neon-green)}.btn-primary{width:100%;min-height:var(--tap-min);background:linear-gradient(135deg, var(--neon-purple), var(--neon-blue));border-radius:var(--radius-sm);color:#fff;letter-spacing:1.5px;cursor:pointer;transition:var(--transition-fast);box-shadow:var(--glow-purple);text-transform:uppercase;border:none;padding:14px 18px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 30px #a855f799}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-primary:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px}.btn-primary.outline:hover:not(:disabled){background:#a855f729;border-color:#a855f7b3}.btn-secondary{width:100%;min-height:var(--tap-min);border-radius:var(--radius-sm);color:var(--text-primary);border:1px solid var(--border-default);text-align:center;cursor:pointer;transition:var(--transition-fast);background:#ffffff0a;padding:12px 18px;font-weight:500;text-decoration:none;display:block}.btn-secondary:hover{border-color:var(--border-strong);background:#ffffff14}.btn-secondary:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px}.btn-icon{width:var(--tap-min);height:var(--tap-min);border:1px solid var(--border-default);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.btn-icon:hover{background:#ffffff1a;border-color:#a855f74d}.btn-icon:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px}.auth-link{text-align:center;color:var(--text-muted);margin-top:20px;font-size:.85rem}.auth-link a{color:var(--neon-purple);font-weight:600;text-decoration:none}.auth-link a:hover{text-decoration:underline}.auth-card .btn-secondary{margin-top:16px}.alert{border-radius:var(--radius-sm);margin-bottom:16px;padding:12px 16px;font-size:.85rem;line-height:1.5}.alert--error{color:var(--neon-red);background:#ef44441a;border:1px solid #ef444440}.alert--success{color:var(--neon-green);background:#22c55e1a;border:1px solid #22c55e40}.alert--warning{color:var(--neon-gold);background:#f59e0b1a;border:1px solid #f59e0b40}.header{text-align:center;padding:16px 0 20px;position:relative}.header__top-bar{z-index:5;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:20px;display:flex;position:relative}.header-streak{color:#ff7e67;text-shadow:0 0 10px #ff7e6766;cursor:pointer;background:#ff7e671f;border:1px solid #ff7e674d;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 0 15px #ff7e6726}.header-streak:hover{background:#ff7e6733;transform:translateY(-2px);box-shadow:0 4px 20px #ff7e674d}.header-streak .fire-icon{font-size:1.1rem;animation:2s infinite alternate pulse-fire}@keyframes pulse-fire{0%{opacity:.8;filter:drop-shadow(0 0 2px #ff7e67);transform:scale(.95)}to{opacity:1;filter:drop-shadow(0 0 8px #ff7e67);transform:scale(1.1)}}.header__top-spacer{flex:1}@media (width>=768px){.header{padding:20px 0 28px}.header__top-bar{justify-content:flex-end}}.btn-login-glass{min-height:38px;color:var(--neon-purple);cursor:pointer;transition:var(--transition-fast);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;background:#a855f71a;border:1px solid #a855f74d;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-login-glass:hover{color:#fff;background:#a855f733;transform:translateY(-1px)}.status-pill{border:1px solid var(--border-default);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:38px;color:var(--text-primary);white-space:nowrap;background:#0a0a19b3;border-radius:12px;align-items:center;gap:6px;padding:0 12px;font-size:.8rem;display:inline-flex}.status-pill .icon{font-size:.95rem}.pill-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;align-items:center;gap:4px;min-height:32px;padding:4px;font-size:.85rem;font-weight:600;display:inline-flex}.pill-btn:hover{color:var(--text-primary)}.pill-btn:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px;border-radius:4px}.pill-btn-text{font-size:.75rem}.header__logo{background:linear-gradient(135deg, var(--neon-purple), var(--neon-cyan), var(--neon-purple));-webkit-text-fill-color:transparent;letter-spacing:4px;filter:drop-shadow(0 0 20px #a855f780);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;font-family:Orbitron,sans-serif;font-size:clamp(1.8rem,5.5vw,2.6rem);font-weight:900;line-height:1.1;animation:4s ease-in-out infinite gradShift}@keyframes gradShift{0%,to{background-position:0%}50%{background-position:100%}}.header__subtitle{color:var(--text-secondary);letter-spacing:2px;text-transform:uppercase;margin-top:8px;font-size:.85rem}.header__date{color:var(--text-muted);letter-spacing:1px;margin-top:10px;font-family:Orbitron,sans-serif;font-size:.72rem}.score-display{text-align:center;margin:24px 0 16px}.score-display__value{background:linear-gradient(135deg, #fff, var(--neon-cyan));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px #06b6d480);-webkit-background-clip:text;background-clip:text;font-family:Orbitron,sans-serif;font-size:clamp(2.6rem,9vw,3.5rem);font-weight:900;line-height:1.05}.score-display__label{color:var(--text-secondary);letter-spacing:3px;text-transform:uppercase;margin-top:6px;font-size:.78rem}.score-display__today{color:var(--neon-purple);background:#a855f71f;border:1px solid #a855f740;border-radius:20px;align-items:center;gap:6px;margin-top:10px;padding:5px 14px;font-size:.78rem;font-weight:500;display:inline-flex}.rank-badge{text-align:center;margin:20px 0;animation:6s ease-in-out infinite floatSlow}.rank-badge__icon{filter:drop-shadow(0 0 20px #a855f7b3);margin-bottom:8px;font-size:3.5rem;display:block}.rank-badge__name{letter-spacing:2px;text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700}.rank-badge__name--1{color:#c19470;text-shadow:0 0 12px #c1947080}.rank-badge__name--2{color:#60a5fa;text-shadow:0 0 12px #60a5fa80}.rank-badge__name--3{color:var(--neon-cyan);text-shadow:0 0 12px #06b6d480}.rank-badge__name--4{color:var(--neon-purple);text-shadow:0 0 12px #a855f780}.rank-badge__name--5{color:var(--neon-gold);text-shadow:0 0 18px #f59e0bb3}.rank-badge__subtitle{color:var(--text-secondary);margin-top:2px;font-size:.78rem}.rank-summary{flex-direction:column;gap:14px;display:flex}.rank-summary__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.rank-summary__label{color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;font-size:.78rem}.rank-summary__value{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700}.rank-summary__icon{filter:drop-shadow(0 0 12px #a855f780);font-size:2rem}.progress-section{margin:16px 0 28px}.progress-section__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.progress-section__title{letter-spacing:2px;color:var(--text-secondary);text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:.7rem}.progress-section__detail{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.78rem}.progress-bar{border:1px solid var(--border-subtle);background:#ffffff0d;border-radius:10px;height:14px;position:relative;overflow:hidden}.progress-bar__fill{background:linear-gradient(90deg, var(--neon-blue), var(--neon-purple), var(--neon-cyan));background-size:200% 100%;border-radius:10px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);animation:3s ease-in-out infinite progGlow;position:relative}.progress-bar__fill:after{content:"";background:linear-gradient(90deg,#0000,#fff6);border-radius:10px;width:30px;height:100%;animation:2s ease-in-out infinite progShine;position:absolute;top:0;right:0}@keyframes progGlow{0%,to{background-position:0 0}50%{background-position:100% 0}}@keyframes progShine{0%,to{opacity:.3}50%{opacity:.8}}.progress-section__next{text-align:center;color:var(--text-muted);margin-top:8px;font-size:.75rem}.progress-section__next span{color:var(--neon-purple);font-weight:600}.prayer-item-container{margin-bottom:14px}.prayer-item-container:last-child{margin-bottom:0}.prayer-item{border:1px solid var(--border-subtle);transition:var(--transition-fast);cursor:pointer;-webkit-user-select:none;user-select:none;min-height:var(--tap-min);background:#ffffff08;border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.prayer-item:hover:not(.disabled){background:#a855f70f;border-color:#a855f72e}.prayer-item.checked{background:#a855f71f;border-color:#a855f74d}.prayer-item.disabled{opacity:.55;cursor:not-allowed}.prayer-item:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px}.prayer-item__checkbox{border:2px solid var(--border-strong);width:28px;min-width:28px;height:28px;transition:var(--transition-fast);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;display:flex}.prayer-item.checked .prayer-item__checkbox{background:linear-gradient(135deg, var(--neon-purple), var(--neon-blue));box-shadow:var(--glow-purple);border-color:#0000}.prayer-item__info{flex:1;min-width:0}.prayer-item__name{font-size:.95rem;font-weight:600;line-height:1.3}.prayer-item__meta{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:3px;font-size:.72rem}.prayer-item__time{color:var(--text-muted);margin-top:2px;font-size:.72rem}.prayer-item__points{color:var(--neon-cyan);white-space:nowrap;flex-shrink:0;font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:700}.prayer-item.checked .prayer-item__points{color:var(--neon-purple)}.prayer-item__future-label{color:#ff8a8a;margin-top:3px;font-size:.7rem}.prayer-bonus-row{flex-wrap:wrap;gap:6px;margin-top:6px;padding-left:0;display:flex}@media (width>=480px){.prayer-bonus-row{padding-left:44px}}.btn-bonus-micro{border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:#ffffff0a;border-radius:999px;align-items:center;gap:4px;min-height:30px;padding:6px 10px;font-family:Inter,sans-serif;font-size:.72rem;display:inline-flex}.btn-bonus-micro:hover{color:var(--text-primary);background:#ffffff14}.btn-bonus-micro.active.cemaat{color:#93c5fd;background:#3b82f633;border-color:#3b82f680}.btn-bonus-micro.active.cami{color:#86efac;background:#22c55e33;border-color:#22c55e80}.btn-bonus-micro:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px}.bonus-section{border-top:1px solid #ffffff0d;margin-top:16px;padding-top:16px}.bonus-toggle{border:1px solid var(--border-subtle);cursor:pointer;transition:var(--transition-fast);-webkit-user-select:none;user-select:none;min-height:var(--tap-min);background:#ffffff08;border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex}.bonus-toggle:hover{background:#f59e0b0f;border-color:#f59e0b26}.bonus-toggle.active{background:#f59e0b1a;border-color:#f59e0b4d}.bonus-toggle__switch{width:40px;height:22px;transition:var(--transition-fast);background:#ffffff1a;border-radius:11px;flex-shrink:0;position:relative}.bonus-toggle__switch:after{content:"";width:16px;height:16px;transition:var(--transition-fast);background:#555;border-radius:50%;position:absolute;top:3px;left:3px}.bonus-toggle.active .bonus-toggle__switch{background:linear-gradient(135deg, var(--neon-gold), #f97316);box-shadow:0 0 12px #f59e0b66}.bonus-toggle.active .bonus-toggle__switch:after{background:#fff;left:21px}.bonus-toggle__info{flex:1;min-width:0}.bonus-toggle__name{font-size:.9rem;font-weight:600}.bonus-toggle__desc{color:var(--text-muted);margin-top:2px;font-size:.72rem;line-height:1.4}.bonus-toggle__mult{color:var(--neon-gold);flex-shrink:0;font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:700}.rank-tier{border:1px solid var(--border-subtle);transition:var(--transition);background:#ffffff05;border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex}.rank-tier:last-child{margin-bottom:0}.rank-tier.current{box-shadow:var(--glow-purple);background:#a855f71a;border-color:#a855f74d}.rank-tier.completed{opacity:.55}.rank-tier__icon{flex-shrink:0;font-size:1.7rem}.rank-tier__info{flex:1;min-width:0}.rank-tier__name{font-size:.88rem;font-weight:600}.rank-tier__range{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:2px;font-size:.72rem}.rank-tier__status{letter-spacing:1px;text-transform:uppercase;white-space:nowrap;border-radius:6px;padding:4px 10px;font-family:Orbitron,sans-serif;font-size:.65rem}.rank-tier.current .rank-tier__status{color:var(--neon-purple);background:#a855f733}.rank-tier.completed .rank-tier__status{color:var(--neon-green)}.rank-tier.locked .rank-tier__status{color:var(--text-muted)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (width>=480px){.stats-grid{gap:12px}}@media (width>=768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-item{text-align:center;border:1px solid var(--border-subtle);transition:var(--transition-fast);background:#ffffff05;border-radius:12px;padding:14px 10px}.stat-item:hover{background:#ffffff0a;border-color:#a855f726}.stat-item__value{color:var(--neon-cyan);font-variant-numeric:tabular-nums;font-family:Orbitron,sans-serif;font-size:1.35rem;font-weight:700}.stat-item__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:6px;font-size:.68rem}.streak-display{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:12px;display:flex}.streak-display__icon{font-size:1.3rem}.streak-display__text{font-variant-numeric:tabular-nums;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700}.streak-display__label{color:var(--text-muted);font-size:.75rem}.streak-display--epic{background:#22c55e26;border-color:#22c55e66;animation:3s infinite progGlow;box-shadow:0 0 20px #22c55e33}.streak-badge{background:linear-gradient(135deg, var(--neon-gold), #f97316);color:#fff;text-transform:uppercase;letter-spacing:1px;border-radius:12px;padding:4px 10px;font-size:.65rem;font-weight:700;box-shadow:0 0 10px #f59e0b80}.stat-box{border-radius:var(--radius-sm);text-align:center;background:#ffffff05;border:1px solid #a855f733;padding:14px}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:.7rem;display:block}.stat-value{color:var(--neon-cyan);word-break:break-word;font-family:Orbitron,sans-serif;font-size:1.05rem;font-weight:700}.stat-value small{color:var(--text-secondary);margin-left:2px;font-size:.7rem}.rank-up-overlay{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:#000000d9;justify-content:center;align-items:center;padding:20px;transition:opacity .5s;display:flex;position:fixed;inset:0}.rank-up-overlay.show{opacity:1;pointer-events:all}.rank-up-content{text-align:center;max-width:360px;transition:transform .5s cubic-bezier(.34,1.56,.64,1);transform:scale(.8)}.rank-up-overlay.show .rank-up-content{transform:scale(1)}.rank-up-content__icon{filter:drop-shadow(0 0 30px #a855f7cc);margin-bottom:16px;font-size:5rem;animation:3s ease-in-out infinite floatSlow;display:block}.rank-up-content__title{letter-spacing:4px;text-transform:uppercase;color:var(--neon-gold);margin-bottom:8px;font-family:Orbitron,sans-serif;font-size:1.1rem}.rank-up-content__rank{background:linear-gradient(135deg, var(--neon-purple), var(--neon-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-family:Orbitron,sans-serif;font-size:clamp(1.4rem,5vw,1.9rem);font-weight:900}.rank-up-content__desc{color:var(--text-secondary);max-width:320px;margin:0 auto;font-size:.9rem;line-height:1.5}.confetti{z-index:999;pointer-events:none;width:8px;height:8px;animation:confettiFall var(--fall-dur) ease-in forwards;border-radius:2px;position:fixed}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)scale(1)}to{opacity:0;transform:translateY(100vh)rotate(720deg)scale(.3)}}.point-popup{z-index:500;color:var(--neon-cyan);pointer-events:none;text-shadow:0 0 15px #06b6d4cc;font-family:Orbitron,sans-serif;font-size:1.3rem;font-weight:700;animation:1.5s ease-out forwards ptFloat;position:fixed}@keyframes ptFloat{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-80px)scale(1.3)}}.motivation-popup{bottom:calc(var(--nav-height) + 16px + var(--safe-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:1000;opacity:0;pointer-events:none;transition:var(--transition);text-align:center;background:#a855f7eb;border-radius:20px;max-width:calc(100vw - 32px);padding:12px 24px;font-size:.85rem;font-weight:600;position:fixed;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 0 20px #a855f780}.motivation-popup.show{opacity:1;transform:translate(-50%)translateY(0)}.motivation-popup.error{background:#dc2626eb;box-shadow:0 0 20px #dc262680}.offline-banner{z-index:100;padding:calc(8px + var(--safe-top)) 16px 8px;text-align:center;letter-spacing:1px;color:var(--neon-gold);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f59e0b26;border-bottom:1px solid #f59e0b4d;font-size:.78rem;font-weight:600;animation:.3s slideDown;position:fixed;top:0;left:0;right:0}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-card);border-radius:var(--radius);border:1px solid #a855f733;width:100%;max-width:500px;max-height:85vh;padding:24px;animation:.3s cubic-bezier(.34,1.56,.64,1) modalPop;overflow-y:auto;box-shadow:0 20px 60px #00000080}@keyframes modalPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-content h2{letter-spacing:2px;color:var(--neon-purple);margin-bottom:16px;font-family:Orbitron,sans-serif;font-size:1.05rem}.modal-content p,.modal-content li{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem;line-height:1.6}.modal-content ul{margin-bottom:12px;padding-left:20px}.modal-close{width:100%;margin-top:20px}.modal-header-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.modal-close-x{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.6rem;line-height:1}.modal-close-x:hover{background:#ffffff0f}.field-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:.78rem}.field-textarea,.field-input{background:var(--bg-input);border:1px solid var(--border-default);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);transition:var(--transition-fast);outline:none;padding:10px 12px;font-family:inherit;font-size:.9rem}.field-textarea{resize:vertical;min-height:80px}.field-textarea:focus,.field-input:focus{background:var(--bg-input-focus);border-color:#a855f780}.footer{text-align:center;color:var(--text-muted);letter-spacing:1px;padding:20px 0 10px;font-size:.7rem}.reset-btn{color:#ef444499;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:var(--transition-fast);background:0 0;border:1px solid #ef444433;border-radius:8px;margin:8px auto 0;padding:8px 20px;font-size:.72rem;display:block}.reset-btn:hover{color:var(--neon-red);background:#ef44441a;border-color:#ef444466}.verify-page{text-align:center;padding-top:8vh}.verify-page__icon{margin-bottom:16px;font-size:4rem}.verify-page__title{margin-bottom:8px;font-family:Orbitron,sans-serif;font-size:1.3rem}.loading-dots{justify-content:center;align-items:center;gap:6px;display:inline-flex}.loading-dots span{background:var(--neon-purple);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both loadBounce}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes loadBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.skeleton{background:linear-gradient(90deg,#ffffff0d 0%,#ffffff1a 50%,#ffffff0d 100%) 0 0/200% 100%;border-radius:8px;animation:1.6s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.bottom-nav{height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);-webkit-backdrop-filter:blur(20px);z-index:200;background:#080816eb;border-top:1px solid #ffffff14;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #00000080}.nav-item{color:var(--text-muted);transition:var(--transition-fast);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:56px;min-height:52px;padding:8px 12px;text-decoration:none;display:flex}.nav-item:hover{color:var(--text-secondary);background:#ffffff0a}.nav-item.active{color:var(--neon-cyan);background:#06b6d41a;box-shadow:inset 0 0 15px #06b6d42e}.nav-item:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px}.nav-item__icon{filter:grayscale(70%);transition:var(--transition-fast);font-size:1.3rem;line-height:1}.nav-item.active .nav-item__icon{filter:grayscale(0%)drop-shadow(0 0 8px #06b6d499)}.nav-item__label{letter-spacing:.5px;white-space:nowrap;font-family:Orbitron,sans-serif;font-size:.66rem;font-weight:600}.insight-box{border:1px solid var(--border-subtle);text-align:center;background:#ffffff08;border-radius:12px;flex-direction:column;flex:1;justify-content:center;min-width:0;padding:16px 12px;display:flex}.insight-box__value{word-break:break-word;font-family:Orbitron,sans-serif;font-size:clamp(1.5rem,5vw,2.2rem);font-weight:900;line-height:1.1}.insight-box__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:8px;font-size:.7rem}.timeline{flex-direction:column;gap:12px;margin-top:16px;display:flex}@media (width>=768px){.timeline{gap:14px}}.history-card{border-left:4px solid var(--text-muted);opacity:0;animation:.4s ease-out forwards slideUp;transform:translateY(20px)}.history-card:first-child{animation-delay:50ms}.history-card:nth-child(2){animation-delay:.1s}.history-card:nth-child(3){animation-delay:.15s}.history-card:nth-child(4){animation-delay:.2s}.history-card:nth-child(n+5){animation-delay:.25s}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.history-card--perfect{border-left-color:var(--neon-green);box-shadow:-5px 0 20px #22c55e26}.history-card--missed{border-left-color:var(--neon-red)}.history-card__header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;display:flex}.history-card__date{color:var(--text-primary);font-size:.9rem;font-weight:600}.history-card__meta{align-items:center;gap:10px;display:flex}.history-card__score{color:var(--neon-cyan);font-variant-numeric:tabular-nums;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700}.history-card--perfect .history-card__score{color:var(--neon-green)}.history-card__prayers{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.history-prayer-badge{border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:.72rem;display:inline-flex}.history-prayer-badge.completed{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d}.history-prayer-badge.missed{color:var(--text-muted);opacity:.65;background:#ef444414;border:1px dashed #ef44444d;text-decoration:line-through}.history-card__note{border-left:2px solid var(--neon-purple);background:#0003;border-radius:8px;margin-top:12px;padding:12px}.history-card__emotion{color:var(--text-secondary);margin-bottom:6px;font-size:.78rem}.history-card__text{color:#ddd;word-break:break-word;font-size:.88rem;font-style:italic;line-height:1.5}.empty-state{text-align:center;padding:48px 20px}.empty-state__icon{filter:drop-shadow(0 0 20px #a855f766);margin-bottom:16px;font-size:4rem;animation:4s infinite floatSlow}.empty-state__title{color:var(--neon-cyan);margin-bottom:8px;font-family:Orbitron,sans-serif;font-size:1.15rem}.empty-state__desc{color:var(--text-secondary);max-width:320px;margin:0 auto;font-size:.88rem;line-height:1.5}::-webkit-scrollbar{width:6px}.profile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;background:#0009;transition:opacity .3s;position:fixed;inset:0}.profile-overlay.open{opacity:1;pointer-events:auto}.profile-panel{-webkit-backdrop-filter:blur(20px);z-index:1000;background:#0a0a19f2;border-left:1px solid #a855f733;flex-direction:column;width:100%;max-width:400px;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px #0009}.profile-panel.open{transform:translate(0)}.profile-header{padding:calc(20px + var(--safe-top)) 24px 20px;border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.profile-header h2{color:var(--text-primary);letter-spacing:2px;font-family:Orbitron,sans-serif;font-size:1.05rem}.close-btn{color:var(--text-secondary);cursor:pointer;width:var(--tap-min);height:var(--tap-min);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:1.8rem;line-height:1;transition:color .2s;display:inline-flex}.close-btn:hover{color:var(--neon-red);background:#ffffff0a}.close-btn:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px}.profile-content{padding:24px 24px calc(var(--nav-height) + 24px + env(safe-area-inset-bottom,0px));flex:1;overflow-y:auto}.profile-avatar{flex-direction:column;align-items:center;margin-bottom:28px;display:flex}.avatar-circle{background:linear-gradient(135deg, var(--neon-purple), var(--neon-blue));color:#fff;width:80px;height:80px;box-shadow:var(--glow-purple);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-size:2rem;font-weight:700;display:flex}.profile-email{color:var(--text-secondary);word-break:break-all;text-align:center;font-size:.85rem}.profile-section{margin-bottom:22px}.profile-section>label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px;margin-bottom:8px;font-size:.72rem;display:block}.name-edit-row{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);min-height:var(--tap-min);background:#ffffff08;align-items:center;gap:8px;padding:10px 14px;display:flex}.display-name{word-break:break-word;flex:1;font-size:.95rem;font-weight:500}.name-edit-row input{background:var(--bg-input);border:1px solid var(--border-default);color:var(--text-primary);border-radius:6px;outline:none;flex:1;padding:8px 10px;font-size:.95rem}.name-edit-row input:focus{border-color:#a855f780}.btn-edit,.btn-save,.btn-cancel{cursor:pointer;width:36px;height:36px;transition:var(--transition-fast);border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.btn-edit{color:var(--text-secondary);background:#ffffff0d}.btn-edit:hover{color:var(--text-primary);background:#ffffff1a;transform:scale(1.05)}.btn-save{color:var(--neon-green);background:#22c55e33;font-weight:700}.btn-save:hover:not(:disabled){background:var(--neon-green);color:#fff}.btn-cancel{color:var(--text-secondary);background:#ffffff0d}.btn-cancel:hover{color:var(--neon-red);background:#ef444426}.btn-save:disabled,.btn-edit:disabled{opacity:.5;cursor:not-allowed}.profile-actions{flex-direction:column;gap:12px;margin-top:28px;display:flex}.btn-sync{width:100%;min-height:var(--tap-min);border-radius:var(--radius-sm);border:1px solid var(--neon-blue);color:var(--neon-blue);cursor:pointer;transition:var(--transition-fast);background:#3b82f61a;padding:12px;font-size:.9rem;font-weight:600}.btn-sync:hover:not(:disabled){background:var(--neon-blue);color:#fff;box-shadow:var(--glow-blue)}.btn-sync:disabled{opacity:.5;cursor:not-allowed}.sync-msg{text-align:center;color:var(--neon-green);font-size:.82rem}.profile-footer{margin-top:auto;padding-top:24px}.btn-logout{width:100%;min-height:var(--tap-min);border-radius:var(--radius-sm);color:var(--neon-red);cursor:pointer;transition:var(--transition-fast);background:#ef44441a;border:1px solid #ef44444d;padding:12px;font-size:.9rem;font-weight:600}.btn-logout:hover{background:var(--neon-red);color:#fff;box-shadow:0 0 15px #ef444480}.feature-panel-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.feature-panel-backdrop.open{opacity:1;pointer-events:auto}.feature-panel{-webkit-backdrop-filter:blur(20px);z-index:1001;background:#0f0f19f5;border-left:1px solid #a855f74d;flex-direction:column;width:100%;max-width:340px;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px #0009}.feature-panel.open{transform:translate(0)}.feature-panel-header{padding:calc(20px + var(--safe-top)) 20px 20px;border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;gap:12px;display:flex}.feature-panel-header h3{align-items:center;gap:10px;margin:0;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700;display:flex}.feature-panel-content{padding:20px 20px calc(var(--nav-height) + 20px + env(safe-area-inset-bottom,0px));flex:1;overflow-y:auto}.feature-panel-desc{color:var(--text-secondary);margin-bottom:20px;font-size:.9rem;line-height:1.5}.feature-list{margin:0 0 28px;padding:0;list-style:none}.feature-list li{color:var(--text-primary);border:1px solid var(--border-subtle);background:#ffffff08;border-radius:10px;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;font-size:.92rem;display:flex}.feature-list li span:first-child{font-size:1.15rem}.feature-panel-actions{flex-direction:column;gap:10px;margin-top:auto;display:flex}.feature-panel-actions .btn-primary,.feature-panel-actions .btn-secondary{text-decoration:none}.feature-menu-link{color:var(--text-primary);transition:var(--transition-fast);background:#a855f714;border:1px solid #a855f733;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.feature-menu-link:hover{background:#a855f729;border-color:#a855f766;transform:translate(-2px)}.feature-menu-link.active{border-color:var(--neon-purple);background:#a855f740;font-weight:700;box-shadow:0 0 15px #a855f74d}.feature-menu-link__icon{flex-shrink:0;font-size:1.4rem}.badge-section{padding:4px 0}.badge-section-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#f59e0b,#fbbf24);-webkit-background-clip:text;background-clip:text;align-items:center;gap:8px;margin:0 0 16px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;display:flex}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;display:grid}.badge-card{border:1px solid var(--border-subtle);transition:var(--transition-fast);cursor:help;text-align:center;background:#ffffff08;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:110px;padding:14px 8px;display:flex;position:relative;overflow:hidden}.badge-card.earned{background:linear-gradient(145deg,#f59e0b2e,#fbbf240f);border-color:#fbbf2466;box-shadow:0 4px 15px #f59e0b1f}.badge-card.earned:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#fffc 0%,#0000 60%);width:200%;height:200%;transition:opacity .3s,transform .5s;position:absolute;top:-50%;left:-50%;transform:scale(.5)}.badge-card.earned:hover:before{opacity:.12;transform:scale(1)}.badge-card.earned:hover{border-color:#fbbf24b3;transform:translateY(-4px);box-shadow:0 10px 25px #f59e0b33}.badge-card.locked{filter:grayscale(80%)opacity(.55)}.badge-icon{filter:drop-shadow(0 2px 4px #0000004d);margin-bottom:8px;font-size:2rem}.badge-card.earned .badge-icon{animation:4s ease-in-out infinite floatSlow}.badge-info{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}.badge-name{color:var(--text-primary);overflow-wrap:break-word;font-size:.78rem;font-weight:600;line-height:1.2}.badge-status-text{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.65rem}.badge-loading{text-align:center;color:var(--text-secondary);padding:2rem;font-style:italic}.leaderboard-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:18px;display:flex}.leaderboard-tabs .btn-primary{width:auto;min-width:120px;padding:10px 18px;font-size:.78rem}.leaderboard-list{flex-direction:column;gap:8px;display:flex}.leaderboard-item{border:1px solid var(--border-default);transition:var(--transition-fast);background:#ffffff0a;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.leaderboard-item:hover{background:#ffffff12}.leaderboard-item__left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.leaderboard-item__rank{text-align:center;font-variant-numeric:tabular-nums;flex-shrink:0;width:36px;font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700}.leaderboard-item__name{word-break:break-word;min-width:0;font-size:.95rem;font-weight:600}.leaderboard-item__score{color:var(--neon-cyan);font-variant-numeric:tabular-nums;white-space:nowrap;font-family:Orbitron,sans-serif;font-size:.92rem;font-weight:700}.leaderboard-item.highlight .leaderboard-item__score{color:var(--neon-gold)}.friends-form{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.friends-form input{min-width:200px;min-height:var(--tap-min);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);transition:var(--transition-fast);outline:none;flex:1;padding:10px 14px;font-size:.92rem}.friends-form input:focus{background:var(--bg-input-focus);border-color:#a855f780}.friends-form button{width:auto;min-height:var(--tap-min);padding:10px 22px}.friends-section{margin-bottom:22px}.friends-section__title{border-bottom:1px solid var(--border-default);letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:12px;padding-bottom:8px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600}.friend-row{border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex}.friend-row.pending{opacity:.75;background:#ffffff05}.friend-row__name{word-break:break-word;flex:1;min-width:120px;font-size:.92rem;font-weight:600}.friend-row__actions{flex-wrap:wrap;gap:8px;display:flex}.btn-mini{border:1px solid var(--border-default);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);background:#ffffff0a;border-radius:8px;min-height:32px;padding:6px 14px;font-size:.75rem}.btn-mini:hover{background:#ffffff14}.btn-mini.accept{color:var(--neon-green);background:#22c55e26;border-color:#22c55e66}.btn-mini.accept:hover{background:var(--neon-green);color:#fff}.btn-mini.reject,.btn-mini.remove{color:var(--neon-red);background:#ef44441a;border-color:#ef44444d}.btn-mini.reject:hover,.btn-mini.remove:hover{background:var(--neon-red);color:#fff}.friend-status{color:var(--text-muted);font-size:.78rem;font-style:italic}.lock-screen-wrap{min-height:calc(80vh - var(--nav-height));text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.lock-screen-card{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:400px;padding:36px 24px;display:flex}.lock-screen-card__icon{filter:drop-shadow(0 0 10px #a855f780);font-size:4rem}.lock-screen-card__title{color:var(--text-primary);margin:0;font-family:Orbitron,sans-serif;font-size:1.3rem}.lock-screen-card__desc{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.55}.lock-screen-card__actions{flex-direction:column;gap:10px;width:100%;margin-top:8px;display:flex}.diary-section{margin-top:8px}.diary-section textarea{background:var(--bg-input);border:1px solid var(--border-default);width:100%;min-height:90px;color:var(--text-primary);resize:vertical;transition:var(--transition-fast);border-radius:12px;outline:none;padding:12px;font-family:inherit;font-size:.92rem}.diary-section textarea:focus{background:var(--bg-input-focus);border-color:#a855f780}.diary-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.diary-emotion{color:var(--text-secondary);font-size:.88rem}.diary-emotion strong{font-weight:700}.diary-save-btn{min-width:160px;width:auto!important;padding:10px 22px!important}.inspiration-grid{grid-template-columns:1fr;gap:12px;margin-bottom:20px;display:grid}@media (width>=600px){.inspiration-grid{grid-template-columns:1fr 1fr;gap:14px}}.inspiration-card{padding:18px;position:relative}.inspiration-card__title{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:10px;font-family:Outfit,sans-serif;font-size:.78rem;display:flex}.inspiration-card__title.ayet{color:var(--neon-blue)}.inspiration-card__title.hadis{color:var(--neon-purple)}.inspiration-card__refresh{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:1.1rem;line-height:1}.inspiration-card__refresh:hover{color:var(--text-primary);background:#ffffff0f}.inspiration-card__refresh:hover svg{transform:rotate(180deg)}.inspiration-card__refresh:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px}.inspiration-card__text{margin-bottom:8px;font-size:.95rem;font-style:italic;line-height:1.5}.inspiration-card__source{color:var(--text-secondary);text-align:end;font-size:.78rem}.countdown-card{text-align:center}.countdown-card__title{justify-content:center}.countdown-card__time{color:var(--neon-cyan);font-variant-numeric:tabular-nums;text-shadow:0 0 18px #06b6d480;margin-top:4px;font-family:Outfit,sans-serif;font-size:clamp(2.4rem,8vw,3rem);font-weight:800;line-height:1}.countdown-card__sub{color:var(--text-secondary);margin-top:6px;margin-bottom:14px;font-size:1.05rem}.countdown-card__times-grid{border-top:1px solid var(--border-default);grid-template-columns:repeat(3,1fr);gap:6px;margin-top:18px;padding-top:16px;display:grid}.countdown-time-cell{border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:8px;padding:8px 4px}.countdown-time-cell__name{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.68rem}.countdown-time-cell__value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-family:Orbitron,sans-serif;font-size:.88rem;font-weight:700}.spiritual-response{box-shadow:var(--glow-purple);margin-top:16px;background:#a855f70f!important;border-color:#a855f740!important}.spiritual-response__body{color:var(--text-primary);font-size:.92rem;line-height:1.65}.spiritual-response__body p{margin-bottom:12px}.spiritual-response__body p:last-child{margin-bottom:0}.spiritual-response__verse{color:var(--neon-cyan);font-style:italic;font-weight:600}@media (width>=1024px){.dashboard-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.dashboard-grid>.full-row{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.rank-badge,.empty-state__icon,.floating-element{animation:none!important}}.messaging-panel-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.messaging-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);flex-direction:column;width:100%;max-width:500px;height:80vh;max-height:700px;animation:.3s ease-out modalFadeIn;display:flex;overflow:hidden;box-shadow:0 10px 40px #00000080}.messaging-header{border-bottom:1px solid var(--border-subtle);background:#ffffff05;justify-content:space-between;align-items:center;padding:16px;display:flex}.messaging-header__info{align-items:center;gap:12px;display:flex}.messaging-body{flex-direction:column;flex:1;padding:16px;display:flex;overflow-y:auto}.messages-list{flex-direction:column;gap:12px;display:flex}.message-bubble{word-wrap:break-word;border-radius:16px;max-width:80%;padding:10px 14px;position:relative}.message-bubble.me{background:linear-gradient(135deg, var(--neon-purple), var(--neon-blue));border-bottom-right-radius:4px;align-self:flex-end}.message-bubble.them{border:1px solid var(--border-subtle);background:#ffffff1a;border-bottom-left-radius:4px;align-self:flex-start}.message-content{font-size:.9rem;line-height:1.4}.message-time{color:#fff9;text-align:right;margin-top:4px;font-size:.65rem}.messaging-footer{border-top:1px solid var(--border-subtle);background:#ffffff05;gap:10px;padding:12px 16px;display:flex}.messaging-input{background:var(--bg-input);border:1px solid var(--border-default);color:var(--text-primary);transition:var(--transition-fast);border-radius:20px;outline:none;flex:1;padding:10px 16px;font-family:Inter,sans-serif}.messaging-input:focus{border-color:var(--neon-purple);background:var(--bg-input-focus)}.messaging-send-btn{background:var(--neon-purple);color:#fff;cursor:pointer;width:40px;height:40px;transition:var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.messaging-send-btn:hover:not(:disabled){background:var(--neon-blue);transform:scale(1.05)}.messaging-send-btn:disabled{opacity:.5;cursor:not-allowed}@media print{.bottom-nav,.starfield,.nebula,.floating-element,.feature-panel,.profile-panel{display:none!important}}.header__date-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:10px;display:flex}.header__date-separator{color:var(--neon-purple);font-size:.9rem;font-weight:700}.header__date--hijri{font-style:italic;color:var(--neon-gold)!important}.header__top-spacer{flex:1;min-width:8px}.stats-grid{flex-wrap:wrap;gap:12px;display:flex!important}.stat-box{text-align:center;word-break:break-word;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#ffffff0a;flex:1;min-width:120px;padding:16px}.stat-label{color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;font-size:.7rem;display:block}.stat-value{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700;line-height:1.3;display:block}@media (width>=768px){.stat-box{min-width:160px;padding:20px}.stat-value{font-size:1.1rem}}.prayer-item--info{cursor:default;opacity:.7;background:#f59e0b0d;border-color:#f59e0b26}.prayer-item--info:hover{background:#f59e0b14!important;border-color:#f59e0b33!important}.prayer-notification-banner{z-index:10000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0e0e20f2,#1e143cf2);border:1px solid #a855f766;border-radius:16px;align-items:center;gap:14px;width:max-content;max-width:90vw;padding:16px 24px;transition:transform .5s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)translateY(-120px);box-shadow:0 0 40px #a855f74d,0 20px 60px #00000080}.prayer-notification-banner.show{transform:translate(-50%)translateY(0)}.prayer-notification-icon{font-size:2rem;animation:3s ease-in-out infinite floatSlow}.prayer-notification-text{flex-direction:column;gap:2px;display:flex}.prayer-notification-text strong{color:var(--neon-gold);letter-spacing:1px;font-family:Outfit,sans-serif;font-size:1rem}.prayer-notification-text span{color:var(--text-secondary);font-size:.82rem}.qada-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin-bottom:16px;display:grid}.qada-item{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);text-align:center;background:#ffffff08;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;display:flex}.qada-item__name{color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;font-size:.75rem;font-weight:600}.qada-item__count{color:var(--neon-cyan);font-family:Orbitron,sans-serif;font-size:1.3rem;font-weight:700}.qada-item__actions{gap:6px;display:flex}.qada-btn{border:1px solid var(--border-default);width:32px;height:32px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;font-size:1rem;display:flex}.qada-btn:hover{background:#a855f726;border-color:#a855f74d}.qada-btn.add{color:var(--neon-red)}.qada-btn.subtract{color:var(--neon-green)}.qada-summary{border-top:1px solid var(--border-subtle);justify-content:center;gap:24px;padding-top:12px;display:flex}.qada-summary__item{text-align:center}.qada-summary__value{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700}.qada-summary__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:.7rem}.avatar-circle{cursor:pointer;transition:var(--transition-fast);position:relative}.avatar-circle:hover{transform:scale(1.05);box-shadow:0 0 20px #a855f766}.avatar-circle:after{content:"✏️";background:var(--bg-card);border-radius:50%;padding:2px;font-size:.7rem;position:absolute;bottom:-2px;right:-2px}.avatar-picker-grid{grid-template-columns:repeat(4,1fr);gap:12px;padding:16px;display:grid}.avatar-option{border:2px solid var(--border-default);cursor:pointer;width:56px;height:56px;transition:var(--transition-fast);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:1.8rem;display:flex}.avatar-option:hover{border-color:var(--neon-purple);background:#a855f726;transform:scale(1.1)}.avatar-option.selected{border-color:var(--neon-cyan);box-shadow:var(--glow-cyan);background:#06b6d426}@keyframes slidePageIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}:root{--card-bg:var(--bg-card);--bg-glass:#ffffff0d;--bg-dark:var(--bg-primary);--shadow-elev-1:0 1px 2px #00000040, 0 4px 12px #0000002e;--shadow-elev-2:0 4px 6px #00000052, 0 12px 32px #00000047;--shadow-elev-3:0 12px 28px #00000073, 0 32px 80px #00000059;--ring-purple:0 0 0 1px #a855f759, 0 0 24px #a855f72e;--ring-cyan:0 0 0 1px #06b6d459, 0 0 24px #06b6d42e;--content-max:600px;--content-max-md:760px;--content-max-lg:1180px}body{background:radial-gradient(at top,#0c0b25 0%,#050514 60%,#03030c 100%) fixed}.app-container{max-width:var(--content-max);padding:calc(20px + var(--safe-top)) 16px calc(var(--nav-height) + 28px + var(--safe-bottom))}@media (width>=600px){.app-container{padding-left:22px;padding-right:22px}}@media (width>=768px){.app-container{max-width:var(--content-max-md);padding:calc(28px + var(--safe-top)) 28px calc(var(--nav-height) + 36px + var(--safe-bottom))}}@media (width>=1024px){.app-container{max-width:var(--content-max-lg);padding-left:44px;padding-right:44px}}.glass-card{-webkit-backdrop-filter:blur(22px)saturate(125%);box-shadow:var(--shadow-elev-1);background:linear-gradient(#ffffff09,#fff0 60%),#0e0e209e;border:1px solid #ffffff12;border-radius:20px;margin-bottom:18px;padding:22px;transition:transform .35s cubic-bezier(.34,1.2,.64,1),border-color .3s,box-shadow .3s,background .3s}.glass-card:before{opacity:.85;background:linear-gradient(90deg,#0000,#a855f773,#06b6d459,#0000);height:1px}.glass-card:hover{box-shadow:var(--shadow-elev-2);background:linear-gradient(#ffffff0d,#fff0 60%),#161632c7;border-color:#a855f738}@media (width>=768px){.glass-card{border-radius:22px;padding:26px}}.card-title{letter-spacing:2.5px;color:var(--text-secondary);align-items:center;gap:10px;margin-bottom:18px;font-size:.74rem;display:flex}.card-title>span[aria-hidden]{filter:drop-shadow(0 0 8px #a855f759);font-size:1rem}.header{padding:22px 0 26px}.header__top-bar{gap:10px;margin-bottom:26px}.header__logo{letter-spacing:5px;filter:drop-shadow(0 0 28px #a855f773)}.header__subtitle{letter-spacing:3px;opacity:.85;margin-top:10px;font-weight:500}.header__date-row{font-variant-numeric:tabular-nums;margin-top:14px}.header__date{color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;padding:4px 10px;font-size:.7rem}.header__date--hijri{background:#f59e0b12;border-color:#f59e0b38;font-style:normal;color:var(--neon-gold)!important}.header__date-separator{display:none}.status-pill{min-height:40px;transition:var(--transition-fast);border:1px solid #ffffff14;border-radius:999px;padding:0 14px;background:#ffffff0b!important}.status-pill:hover{border-color:#a855f74d;transform:translateY(-1px);background:#ffffff14!important}.btn-primary{background:linear-gradient(135deg,#a855f7 0%,#6366f1 55%,#06b6d4 100%) 0%/200% 200%;border-radius:14px;padding:14px 20px;transition:transform .18s,box-shadow .25s,background-position .6s cubic-bezier(.4,0,.2,1),filter .2s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #a855f766,0 8px 28px #6366f159}.btn-primary:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 30%,#ffffff40 50%,#0000 70%);transition:transform .7s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:translate(-120%)}.btn-primary:hover:not(:disabled){background-position:100%;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #a855f799,0 12px 32px #6366f173}.btn-primary:hover:not(:disabled):after{transform:translate(120%)}.btn-primary:active:not(:disabled){filter:brightness(.95);transform:translateY(0)}.btn-primary.outline{color:var(--neon-purple);box-shadow:none;background:#a855f70f;border:1px solid #a855f759}.btn-primary.outline:hover:not(:disabled){background:#a855f724;border-color:#a855f799;box-shadow:0 0 24px #a855f72e}.btn-secondary{letter-spacing:.3px;transition:var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;font-weight:600}.btn-secondary:hover{background:#ffffff16;border-color:#a855f74d;transform:translateY(-1px)}.form-input,.field-input,.field-textarea,.friends-form input,.diary-section textarea{background:#ffffff09;border:1px solid #ffffff14;border-radius:12px;transition:border-color .2s,background .2s,box-shadow .25s}.form-input:hover,.field-input:hover,.field-textarea:hover{border-color:#ffffff24}.form-input:focus,.field-input:focus,.field-textarea:focus,.friends-form input:focus,.diary-section textarea:focus{box-shadow:var(--ring-purple);background:#ffffff0f;border-color:#a855f799}.auth-card{box-shadow:0 0 0 1px #a855f714 inset, var(--shadow-elev-3);-webkit-backdrop-filter:blur(22px)saturate(125%);background:linear-gradient(#ffffff0a,#fff0 50%),#0c0c1ec7;border:1px solid #ffffff14;border-radius:24px;padding:40px 30px}.auth-card:before{filter:drop-shadow(0 0 12px #a855f799);background:linear-gradient(90deg,#0000,#a855f7,#06b6d4,#0000);height:2px}.auth-logo{letter-spacing:6px;filter:drop-shadow(0 0 18px #a855f78c);font-family:Orbitron,sans-serif}.auth-subtitle{letter-spacing:1.5px}.bottom-nav{padding-left:max(8px, var(--safe-left));padding-right:max(8px, var(--safe-right));background:#080816c7;border-top:1px solid #ffffff0f;gap:2px;box-shadow:0 -8px 32px #0000008c}.bottom-nav:before{content:"";pointer-events:none;opacity:.7;background:linear-gradient(90deg,#0000,#a855f773,#06b6d466,#0000);height:1px;position:absolute;top:0;left:0;right:0}.nav-item{border-radius:14px;flex:1 1 0;min-width:0;max-width:120px;padding:6px 8px;position:relative}@media (width>=768px){.nav-item{max-width:140px;padding:8px 14px}}.nav-item.active{box-shadow:none;color:var(--neon-cyan);background:#06b6d414}.nav-item.active:before{content:"";background:linear-gradient(90deg, transparent, var(--neon-cyan), transparent);height:2px;box-shadow:0 0 12px var(--neon-cyan);border-radius:0 0 2px 2px;animation:.35s ease-out navIndicator;position:absolute;top:-1px;left:30%;right:30%}@keyframes navIndicator{0%{opacity:0;transform:translateY(-3px)scaleX(.6)}to{opacity:1;transform:translateY(0)scaleX(1)}}.nav-item__icon{filter:grayscale(60%);font-size:1.4rem;transition:transform .25s cubic-bezier(.34,1.4,.64,1),filter .25s}.nav-item.active .nav-item__icon{filter:grayscale(0%)drop-shadow(0 0 10px #06b6d4b3);transform:translateY(-2px)scale(1.1)}.nav-item__label{letter-spacing:.5px;opacity:.85;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.62rem;overflow:hidden}.nav-item.active .nav-item__label{opacity:1}@media (width<=480px){.nav-item{gap:2px;padding:6px 4px}.nav-item__label{letter-spacing:.2px;font-size:.52rem}.nav-item__icon{font-size:1.2rem}}@media (width<=360px){.nav-item__label{display:none}.nav-item__icon{font-size:1.35rem}.nav-item{min-height:48px}}.prayer-item{border-radius:14px;padding:16px;transition:background .25s,border-color .25s,transform .2s,box-shadow .25s}.prayer-item:hover:not(.disabled){background:#a855f714;border-color:#a855f740;transform:translateY(-1px)}.prayer-item.checked{background:linear-gradient(135deg,#a855f72e,#6366f114);border-color:#a855f766;box-shadow:0 0 0 1px #a855f72e,0 8px 20px #a855f71f}.prayer-item__checkbox{border-width:2px;border-radius:9px;width:30px;min-width:30px;height:30px}.prayer-item.checked .prayer-item__checkbox{background:linear-gradient(135deg,#a855f7,#6366f1);animation:.35s cubic-bezier(.34,1.56,.64,1) checkPop;box-shadow:0 0 0 3px #a855f726,0 4px 12px #a855f773}@keyframes checkPop{0%{transform:scale(.85)}60%{transform:scale(1.12)}to{transform:scale(1)}}.countdown-card{padding-top:24px;padding-bottom:24px}.countdown-card__time{-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 18px #06b6d473);background:linear-gradient(135deg,#fff,#67e8f9 60%,#06b6d4);-webkit-background-clip:text;background-clip:text}.countdown-card__times-grid{grid-template-columns:repeat(5,1fr);gap:8px}@media (width<=480px){.countdown-card__times-grid{grid-template-columns:repeat(3,1fr)}}.countdown-time-cell{transition:var(--transition-fast);background:#ffffff09;border:1px solid #ffffff0f;border-radius:10px;padding:10px 6px}.countdown-time-cell:hover{background:#a855f714;border-color:#a855f738}.stats-grid:not(.profile-stats-grid){gap:12px}.stat-item{transition:var(--transition-fast);background:#ffffff09;border:1px solid #ffffff12;border-radius:14px;padding:16px 12px}.stat-item:hover{background:#a855f712;border-color:#a855f738;transform:translateY(-2px)}.stat-item__value{font-size:1.45rem}.stat-item__label{letter-spacing:1.2px;font-size:.66rem}.inspiration-card{transition:var(--transition-fast);border-radius:18px;padding:20px}.inspiration-card:hover{border-color:#a855f738;transform:translateY(-2px)}.inspiration-card__text{color:var(--text-primary);font-size:.98rem;line-height:1.65}.leaderboard-item{transition:var(--transition-fast);background:#ffffff09;border:1px solid #ffffff12;border-radius:14px}.leaderboard-item:hover{background:#ffffff13;border-color:#a855f738;transform:translateY(-1px)}.leaderboard-item.highlight{background:linear-gradient(135deg,#f59e0b29,#fbbf240a);border-color:#f59e0b73;box-shadow:0 8px 24px #f59e0b29}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:linear-gradient(#a855f759,#06b6d459);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#a855f78c,#06b6d48c)}*{scrollbar-color:#a855f759 transparent;scrollbar-width:thin}.footer{letter-spacing:1.5px;opacity:.75;padding:28px 0 12px;font-size:.72rem}:focus-visible{box-shadow:var(--ring-cyan);border-radius:8px;outline:none}button:focus-visible,a:focus-visible,.form-input:focus-visible,.prayer-item:focus-visible{box-shadow:var(--ring-cyan)}::selection{color:#fff;background:#a855f766}@media (width>=1024px){.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.dashboard-grid>.full-row{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.cosmic-bg__aurora,.nebula,.floating-element,.floating-planet,.floating-moon{animation:none!important}.btn-primary:after{display:none}}@media (width<=480px){.glass-card{margin-bottom:14px;padding:18px}.header__top-bar{gap:6px}.header__subtitle{letter-spacing:2px}.auth-card{border-radius:20px;padding:32px 22px}}@media (width>=600px) and (width<=1023px){.stats-grid:not(.profile-stats-grid){grid-template-columns:repeat(3,1fr)}.inspiration-grid{grid-template-columns:1fr 1fr}}.nav-item--has-badge{position:relative}.nav-item__badge{color:#fff;z-index:2;background:linear-gradient(135deg,#f43f5e,#ef4444);border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.6rem;font-weight:700;animation:.3s cubic-bezier(.34,1.56,.64,1) badgePop;display:inline-flex;position:absolute;top:2px;right:12px;box-shadow:0 0 12px #ef44448c,0 0 0 2px #080816d9}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.auth-divider{text-align:center;background:linear-gradient(90deg,#0000,#ffffff1f,#0000);height:1px;margin:22px 0;position:relative}.auth-divider span{letter-spacing:2px;color:var(--text-muted);background:linear-gradient(#0c0c1ef2,#0c0c1ee6);padding:0 14px;font-size:.78rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body.eco-mode .cosmic-bg__cloud,body.eco-mode .cosmic-bg__galaxy,body.eco-mode .cosmic-dust-layer,body.eco-mode .celestial,body.eco-mode .shooting-star,body.eco-mode .starfield,body.eco-mode .hero-stars{animation:none!important;display:none!important}body.eco-mode .glass-card,body.eco-mode .auth-card,body.eco-mode .profile-panel,body.eco-mode .feature-panel,body.eco-mode .bottom-nav,body.eco-mode .modal-content{-webkit-backdrop-filter:none!important;background:#0e0e20fa!important;box-shadow:0 4px 10px #00000080!important}body.eco-mode .header-streak .fire-icon{animation:none!important}rule{color:inherit}.ham_wasl,.laam_shamsiyah,.slnt,.idgham_wo_ghunnah,.idgham_mutajanisayn,.idgham_mutaqaribayn{color:#9ca3af!important}.madda_normal,.madda_permissible,.madda_necessary,.madda_obligatory_mottasel,.madda_obligatory_monfasel{color:#f43f5e!important}.ghunnah,.idgham_ghunnah,.idgham_with_ghunnah,.idgham_shafawi{color:#10b981!important}.ikhafa,.ikhafa_shafawi{color:#c026d3!important}.iqlab{color:#3b82f6!important}.qalaqah,.qalqalah{color:#06b6d4!important}@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-scrollbar-thumb{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-scrollbar-track{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-space-y-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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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 spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}body.kids-theme{--bg-dark:#87ceeb;--bg-card:#ffffffe6;--text-primary:#333;--text-secondary:#555;--neon-cyan:#ff6b6b;--neon-purple:#ffca28;--neon-gold:#ff9800;--neon-green:#4caf50;background:var(--bg-dark) url(https://www.transparenttextures.com/patterns/stardust.png);color:var(--text-primary);font-family:Comic Sans MS,Outfit,sans-serif}body.kids-theme .glass-card{background:var(--bg-card);border:4px solid #fff;border-radius:24px;box-shadow:0 10px 25px #0000001a}body.kids-theme .btn-primary{color:#fff;text-shadow:1px 1px 2px #0003;background:linear-gradient(135deg,#ffca28,#ff6b6b);border-radius:30px;box-shadow:0 4px 15px #ff6b6b66}body.kids-theme .prayer-card{background:#fff;border-radius:20px;box-shadow:0 5px 15px #0000000d}body.kids-theme .prayer-card.completed{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#4caf50}body.kids-theme h1,body.kids-theme h2,body.kids-theme h3{color:#ff6b6b;text-shadow:none}body.kids-theme .navbar{background:#fffffff2;border-top:3px solid #ffca28}body.kids-theme .nav-item{color:#888}body.kids-theme .nav-item.active{color:#ff6b6b;background:#ffebee}