:root{--color-void-950: #030303;--color-void-900: #0a0a0a;--color-void-800: #141414;--color-void-700: #1f1f1f;--color-void-600: #2a2a2a;--color-void-500: #3d3d3d;--color-crimson-900: #450a0a;--color-crimson-800: #7f1d1d;--color-crimson-700: #991b1b;--color-crimson-600: #b91c1c;--color-crimson-500: #dc2626;--color-crimson-400: #ef4444;--color-crimson-300: #f87171;--color-gold-900: #78350f;--color-gold-800: #92400e;--color-gold-700: #b45309;--color-gold-600: #d97706;--color-gold-500: #f59e0b;--color-gold-400: #fbbf24;--color-gold-300: #fcd34d;--color-primary-900: #7c2d12;--color-primary-800: #9a3412;--color-primary-700: #c2410c;--color-primary-600: #ea580c;--color-primary-500: #f97316;--color-primary-400: #fb923c;--color-primary-300: #fdba74;--color-text-primary: #f5f5f5;--color-text-secondary: #d1d1d1;--color-text-muted: #888888;--color-text-disabled: #444444;--color-void-deep: #020202;--color-heat-glow: #ff4d00;--color-soul-blue: #00e5ff;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--font-primary: "Cinzel", serif;--font-body: "Outfit", sans-serif;--font-display: "Cinzel", serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .3);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .6);--glow-gold-sm: 0 0 10px rgba(245, 158, 11, .3);--glow-gold-md: 0 0 20px rgba(245, 158, 11, .4);--glow-crimson-sm: 0 0 10px rgba(220, 38, 38, .3);--glow-primary-sm: 0 0 10px rgba(249, 115, 22, .3);--aura-crimson: 0 0 20px rgba(220, 38, 38, .4), 0 0 40px rgba(220, 38, 38, .2);--aura-gold: 0 0 20px rgba(245, 158, 11, .4), 0 0 40px rgba(245, 158, 11, .2);--aura-primary: 0 0 20px rgba(249, 115, 22, .4), 0 0 40px rgba(249, 115, 22, .2);--aura-soul: 0 0 20px rgba(0, 229, 255, .4), 0 0 40px rgba(0, 229, 255, .2);--border-ritual: 1px solid rgba(255, 255, 255, .05);--border-ritual-active: 1px solid var(--color-gold-500);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--gradient-void: radial-gradient(circle at center, #0a0a0a 0%, #030303 100%);--gradient-heat: linear-gradient(135deg, #ff4d00 0%, #dc2626 100%);--gradient-ember: linear-gradient(135deg, var(--color-gold-500) 0%, var(--color-primary-600) 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, .04) 100%);--gradient-ritual: linear-gradient(to bottom, rgba(20, 20, 20, .95), rgba(5, 5, 5, .98));--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-modal-backdrop: 40;--z-modal: 50;--z-popover: 60;--z-tooltip: 70;--glass-bg: rgba(20, 20, 20, .6);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(12px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 10px #dc26264d}50%{box-shadow:0 0 20px #dc262699}}@keyframes glowGold{0%,to{box-shadow:0 0 10px #f59e0b4d}50%{box-shadow:0 0 20px #f59e0b99}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn var(--transition-base) var(--ease-out)}.animate-slide-in-up{animation:slideInUp var(--transition-base) var(--ease-out)}.animate-slide-in-down{animation:slideInDown var(--transition-base) var(--ease-out)}.animate-slide-in-left{animation:slideInLeft var(--transition-base) var(--ease-out)}.animate-slide-in-right{animation:slideInRight var(--transition-base) var(--ease-out)}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.animate-glow{animation:glow 2s var(--ease-in-out) infinite}.animate-glow-gold{animation:glowGold 2s var(--ease-in-out) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-scale-in{animation:scaleIn var(--transition-base) var(--ease-out)}.animate-float{animation:float 3s var(--ease-in-out) infinite}.transition-all{transition:all var(--transition-base)}.transition-colors{transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)}.transition-opacity{transition:opacity var(--transition-base)}.transition-transform{transition:transform var(--transition-base)}.transition-fast{transition-duration:var(--transition-fast)}.transition-slow{transition-duration:var(--transition-slow)}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-glow-crimson{transition:box-shadow var(--transition-base)}.hover-glow-crimson:hover{box-shadow:var(--glow-crimson-md)}.hover-glow-gold{transition:box-shadow var(--transition-base)}.hover-glow-gold:hover{box-shadow:var(--glow-gold-md)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.05)}.hover-brightness{transition:filter var(--transition-base)}.hover-brightness:hover{filter:brightness(1.2)}.loading-shimmer{background:linear-gradient(90deg,var(--color-void-800) 0%,var(--color-void-700) 50%,var(--color-void-800) 100%);background-size:1000px 100%;animation:shimmer 2s infinite}.loading-pulse{animation:pulse 1.5s var(--ease-in-out) infinite}.stagger-item{animation:slideInUp var(--transition-base) var(--ease-out) backwards}.stagger-item:nth-child(1){animation-delay:0ms}.stagger-item:nth-child(2){animation-delay:50ms}.stagger-item:nth-child(3){animation-delay:.1s}.stagger-item:nth-child(4){animation-delay:.15s}.stagger-item:nth-child(5){animation-delay:.2s}.stagger-item:nth-child(6){animation-delay:.25s}.stagger-item:nth-child(7){animation-delay:.3s}.stagger-item:nth-child(8){animation-delay:.35s}.stagger-item:nth-child(9){animation-delay:.4s}.stagger-item:nth-child(10){animation-delay:.45s}.grid{display:grid;gap:var(--space-4)}button,.nav-item,.mobile-nav-item,.clickable{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform var(--transition-fast),filter var(--transition-fast),box-shadow var(--transition-fast)}button:active,.nav-item:active,.mobile-nav-item:active,.clickable:active{transform:scale(.96);filter:brightness(.9)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-6{grid-column:span 6 / span 6}.col-span-8{grid-column:span 8 / span 8}.col-span-12{grid-column:span 12 / span 12}.col-span-full{grid-column:1 / -1}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}@media(min-width:768px){.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-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-3{grid-column:span 3 / span 3}.md\:col-span-4{grid-column:span 4 / span 4}.md\:col-span-6{grid-column:span 6 / span 6}.md\:col-span-8{grid-column:span 8 / span 8}.md\:col-span-12{grid-column:span 12 / span 12}}@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:col-span-6{grid-column:span 6 / span 6}.lg\:col-span-8{grid-column:span 8 / span 8}.lg\:col-span-12{grid-column:span 12 / span 12}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.text-left{text-align:left}.text-right{text-align:right}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-normal{letter-spacing:var(--tracking-normal)}.tracking-wide{letter-spacing:var(--tracking-wide)}.tracking-wider{letter-spacing:var(--tracking-wider)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}@media(min-width:768px){.md\:block{display:block}.md\:hidden{display:none}}@media(min-width:1024px){.lg\:block{display:block}.lg\:hidden{display:none}}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.border{border:1px solid}.border-void{border-color:var(--color-void-700)}.border-crimson{border-color:var(--color-crimson-500)}.border-gold{border-color:var(--color-gold-500)}.bg-void-950{background-color:var(--color-void-950)}.bg-void-900{background-color:var(--color-void-900)}.bg-void-800{background-color:var(--color-void-800)}.bg-void-700{background-color:var(--color-void-700)}.bg-crimson{background-color:var(--color-crimson-600)}.bg-gold{background-color:var(--color-gold-600)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.min-h-screen{min-height:100vh}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}@media(max-width:767px){.mobile-only{display:block}.desktop-only{display:none}}@media(min-width:768px){.mobile-only{display:none}.desktop-only{display:block}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}html,body{height:100%;background-color:var(--color-void-deep);background-image:radial-gradient(circle at 50% -20%,rgba(220,38,38,.15) 0%,transparent 50%),radial-gradient(circle at 0% 100%,rgba(245,158,11,.08) 0%,transparent 40%),var(--gradient-void);background-attachment:fixed;color:var(--color-text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;line-height:var(--leading-normal)}body:before{content:"";position:fixed;inset:0;z-index:1000;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;mix-blend-mode:soft-light}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-normal);letter-spacing:.1em;color:var(--color-text-primary);line-height:1.3;text-transform:uppercase}h1{font-size:var(--text-3xl);letter-spacing:.15em}h2{font-size:var(--text-2xl);letter-spacing:.12em}h3{font-size:var(--text-xl);letter-spacing:.1em}@media(max-width:767px){h1{font-size:var(--text-xl);letter-spacing:.1em}h2{font-size:var(--text-lg);letter-spacing:.08em}h3{font-size:var(--text-base);letter-spacing:.05em}}p{margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}a{color:inherit;text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-gold-400)}button{font-family:inherit;cursor:pointer}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-void-950)}::-webkit-scrollbar-thumb{background:var(--color-void-700);border-radius:var(--radius-sm);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:var(--color-crimson-900);box-shadow:var(--glow-crimson-sm)}::selection{background-color:var(--color-crimson-600);color:var(--color-text-primary)}::-moz-selection{background-color:var(--color-crimson-600);color:var(--color-text-primary)}:focus-visible{outline:2px solid var(--color-gold-500);outline-offset:2px}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}.text-gold{color:var(--color-gold-500)}.text-crimson{color:var(--color-crimson-500)}.text-center{text-align:center}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--space-4)}@media(min-width:768px){.container{padding:0 var(--space-6)}}@media(min-width:1024px){.container{padding:0 var(--space-8)}}.auth-layout{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--color-void-950);background-image:radial-gradient(circle at 50% 50%,#0f0f0f,#050505);padding:var(--space-4)}.auth-brand{margin-bottom:var(--space-8);text-align:center;animation:fadeInDown 1s ease-out}.auth-logo{font-family:var(--font-primary);font-size:2.5rem;color:var(--color-text-primary);letter-spacing:.2em;text-transform:uppercase;background:linear-gradient(180deg,#fff,#999);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.auth-tagline{color:var(--color-crimson-500);font-size:.9rem;letter-spacing:.1em;margin-top:var(--space-2);text-transform:uppercase}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.s-card{background:var(--color-void-800);border:1px solid var(--color-void-700);border-radius:var(--space-2);padding:var(--space-6);box-shadow:0 4px 20px #00000080;transition:border-color var(--duration-slow) var(--ease-ritual),box-shadow var(--duration-slow) var(--ease-ritual);position:relative;overflow:hidden}.s-card:hover{border-color:var(--color-gold-900);box-shadow:var(--glow-gold)}.s-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--color-crimson-500),transparent);opacity:.5}.s-input-wrapper{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.s-label{font-family:var(--font-primary);color:var(--color-text-secondary);font-size:.85rem;letter-spacing:.05em}.s-input{background:var(--color-void-900);border:1px solid var(--color-void-700);color:var(--color-text-primary);padding:var(--space-3);border-radius:var(--space-1);font-family:var(--font-body);transition:border-color var(--duration-slow) var(--ease-ritual),box-shadow var(--duration-slow) var(--ease-ritual);outline:none}.s-input:focus{border-color:var(--color-gold-500);box-shadow:var(--glow-gold)}.s-input::placeholder{color:var(--color-void-700)}.s-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);border-radius:var(--space-1);font-family:var(--font-primary);font-weight:600;letter-spacing:.05em;cursor:pointer;transition:all var(--duration-slow) var(--ease-ritual);border:1px solid transparent;text-transform:uppercase;font-size:.9rem;background:transparent}.s-btn--primary{background:#8a1c1c1a;border-color:var(--color-crimson-500);color:var(--color-crimson-500);box-shadow:0 0 10px #8a1c1c1a}.s-btn--primary:hover{background:var(--color-crimson-500);color:var(--color-text-primary);box-shadow:var(--glow-crimson)}.s-btn--secondary{border-color:var(--color-gold-500);color:var(--color-gold-500)}.s-btn--secondary:hover{background:var(--color-gold-500);color:var(--color-void-950);box-shadow:var(--glow-gold)}.s-btn--ghost{color:var(--color-text-secondary)}.s-btn--ghost:hover{color:var(--color-text-primary)}.auth-card{width:100%;max-width:400px;animation:fadeInUp .5s ease-out}.auth-title{text-align:center;font-size:1.5rem;margin-bottom:var(--space-2);color:var(--color-gold-500)}.auth-subtitle{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--space-8);font-size:.9rem}.auth-form{display:flex;flex-direction:column}.auth-actions{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4)}.auth-footer{margin-top:var(--space-8);text-align:center;font-size:.9rem;color:var(--color-text-secondary)}.auth-link{color:var(--color-crimson-500);font-weight:600;transition:color .3s ease}.auth-link:hover{text-decoration:underline;color:var(--color-gold-500)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-layout{display:flex;min-height:100vh;background:transparent;position:relative}.dashboard-sidebar{position:fixed;top:var(--space-4);left:var(--space-4);bottom:var(--space-4);width:260px;background:var(--gradient-ritual);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);display:flex;flex-direction:column;padding:var(--space-8) var(--space-6);z-index:var(--z-fixed);transition:all var(--transition-base)}.dashboard-sidebar:hover{box-shadow:var(--aura-gold);border-color:var(--color-gold-500)}@media(max-width:767px){.dashboard-sidebar{display:none}}.sidebar-logo{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-gold-500);text-align:center;margin-bottom:var(--space-10);letter-spacing:.3em}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);color:var(--color-text-secondary);background:transparent;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.15em;text-transform:uppercase;transition:all var(--transition-base);cursor:pointer}.nav-item:hover{color:var(--color-gold-400);background:#ffffff0d;transform:translate(5px)}.nav-item.active{color:var(--color-gold-500);background:#f59e0b1a;border-left:3px solid var(--color-gold-500)}.sidebar-footer{padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.05);margin-top:auto}.logout-btn{width:100%;color:var(--color-crimson-400);justify-content:center}.dashboard-content{flex:1;margin-left:300px;padding:var(--space-12);min-height:100vh}@media(max-width:767px){.dashboard-content{margin-left:0;padding:var(--space-8) var(--space-4) 100px var(--space-4)}}.mobile-bottom-nav{position:fixed;bottom:var(--space-6);left:var(--space-6);right:var(--space-6);height:70px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);display:flex;justify-content:space-around;align-items:center;padding:0 var(--space-2);z-index:var(--z-fixed)}@media(min-width:768px){.mobile-bottom-nav{display:none}}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);color:var(--color-text-muted);transition:all var(--transition-base);flex:1}.mobile-nav-item svg{width:20px;height:20px;transition:transform var(--transition-base)}.mobile-nav-item.active{color:var(--color-gold-500)}.mobile-nav-item.active svg{transform:translateY(-8px) scale(1.1)}.mobile-nav-item span{font-size:8px;font-weight:var(--font-bold);letter-spacing:1px;text-transform:uppercase;opacity:0;transform:translateY(10px);transition:all var(--transition-base)}.mobile-nav-item.active span{opacity:1;transform:translateY(-4px)}.dashboard-page{animation:fadeIn var(--transition-slow);padding-bottom:var(--space-20)}.dashboard-header{margin-bottom:var(--space-10);padding-top:var(--space-4)}.dashboard-title{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--color-gold-400);letter-spacing:.3em;text-shadow:var(--aura-gold);margin-bottom:var(--space-2)}.dashboard-subtitle{font-size:10px;font-weight:var(--font-bold);color:var(--color-text-muted);letter-spacing:4px;text-transform:uppercase}@media(max-width:767px){.dashboard-title{font-size:var(--text-2xl);letter-spacing:.2em}.dashboard-header{text-align:center}}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-6)}@media(max-width:767px){.dashboard-grid{gap:var(--space-4)}}.col-span-12,.col-span-8,.col-span-4,.col-span-6{grid-column:span 12 / span 12}@media(min-width:768px){.col-span-8{grid-column:span 8 / span 8}.col-span-4{grid-column:span 4 / span 4}.col-span-6{grid-column:span 6 / span 6}}.dashboard-section-divider{grid-column:span 12 / span 12;margin:var(--space-6) 0;padding-bottom:var(--space-4);border-bottom:1px solid var(--color-void-700)}.dashboard-section-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-primary-400);letter-spacing:var(--tracking-wide)}@media(max-width:767px){.dashboard-section-title{font-size:var(--text-xl)}}.dashboard-loading,.dashboard-error{display:flex;justify-content:center;align-items:center;min-height:100vh;flex-direction:column;gap:var(--space-4)}.dashboard-loading p{color:var(--color-gold-500);font-size:var(--text-xl);font-family:var(--font-display);animation:pulse 2s var(--ease-in-out) infinite}.dashboard-error p{color:var(--color-crimson-500);font-size:var(--text-lg)}.dashboard-lock-container{position:relative;grid-column:span 12 / span 12}.dashboard-lock-blur{filter:blur(8px);pointer-events:none;opacity:.5;display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-4)}.dashboard-lock-blur>div{height:200px;background:var(--color-void-800);border-radius:var(--radius-lg)}.dashboard-lock-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dashboard-lock-card{background:var(--color-void-900);border:1px solid var(--color-gold-500);padding:var(--space-6);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--glow-gold-md);max-width:400px;margin:0 var(--space-4)}.dashboard-lock-card h3{color:var(--color-gold-400);margin-bottom:var(--space-3);font-size:var(--text-xl)}.dashboard-lock-card p{color:var(--color-text-secondary);margin-bottom:var(--space-5);line-height:var(--leading-relaxed)}.dashboard-lock-button{background:var(--color-gold-600);color:var(--color-void-900);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-semibold);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--glow-gold-sm)}.dashboard-lock-button:hover{background:var(--color-gold-500);transform:translateY(-2px);box-shadow:var(--glow-gold-md)}.dashboard-sealed-container{position:relative;grid-column:span 12 / span 12}.dashboard-sealed-blur{filter:blur(10px);opacity:.3;pointer-events:none;display:flex;gap:var(--space-4)}.dashboard-sealed-blur>div{flex:1;height:220px;background:var(--color-void-800);border-radius:var(--radius-lg)}.dashboard-sealed-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-gold-500);text-shadow:var(--glow-gold-sm)}.dashboard-sealed-overlay h2{font-family:var(--font-display);margin-bottom:var(--space-2);font-size:var(--text-2xl)}.dashboard-sealed-overlay p{color:var(--color-text-secondary);font-size:var(--text-sm)}@media(max-width:767px){.dashboard-sealed-overlay h2{font-size:var(--text-xl)}}.identity-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-6);background:var(--gradient-ritual);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);position:relative;overflow:visible;transition:all var(--transition-slow)}.identity-header:hover{border-color:#dc26264d}@media(min-width:768px){.identity-header{flex-direction:row;padding:var(--space-10);gap:var(--space-10)}}.identity-avatar-container{position:relative;flex-shrink:0;width:120px;height:120px;display:flex;align-items:center;justify-content:center}@media(min-width:768px){.identity-avatar-container{width:140px;height:140px}}.identity-flame-container{position:absolute;inset:-20px;z-index:0;opacity:.3}.identity-avatar{position:relative;width:100%;height:100%;border-radius:var(--radius-full);border:3px solid var(--color-crimson-600);object-fit:cover;z-index:1;background:var(--color-void-deep)}@media(min-width:768px){.identity-avatar{width:140px;height:140px}}.identity-avatar-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:124%;height:124%;z-index:2;pointer-events:none;object-fit:contain}.identity-info{flex:1;text-align:center}@media(min-width:768px){.identity-info{text-align:left}}.identity-name{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-primary);letter-spacing:.1em;margin:0;text-transform:uppercase}.identity-title{font-size:9px;color:var(--color-gold-500);font-weight:var(--font-bold);letter-spacing:.2em;text-transform:uppercase;margin-bottom:var(--space-4)}.identity-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}@media(min-width:768px){.identity-meta{justify-content:flex-start}}.meta-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#ffffff08;border-radius:var(--radius-md);font-size:9px;font-weight:var(--font-bold);color:var(--color-text-secondary);text-transform:uppercase}.meta-icon{color:var(--color-crimson-500)}.stat-panel{padding:var(--space-6);background:var(--gradient-ritual);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);height:100%;display:flex;flex-direction:column;gap:var(--space-4);transition:all var(--transition-base)}.stat-panel:hover{border-color:#f59e0b33}.stat-panel h3{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-text-primary);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-2);border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:var(--space-2)}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:#0000004d;border:1px solid rgba(255,255,255,.03);border-radius:var(--radius-md);transition:all var(--transition-base)}.stat-row:hover{background:#ffffff05}.stat-label{font-size:9px;font-weight:var(--font-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.stat-value{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-primary);font-family:var(--font-display);display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}.stat-value.gold{color:var(--color-gold-500)}.stat-row.xp-section{flex-direction:column;align-items:stretch;gap:var(--space-3);margin-top:var(--space-2);padding:var(--space-4);background:#dc262608}.xp-header{display:flex;justify-content:space-between;align-items:center}.xp-rank{font-size:10px;font-weight:var(--font-bold);color:var(--color-crimson-400);text-transform:uppercase;letter-spacing:1px}.xp-values{font-size:8px;color:var(--color-text-muted);font-weight:var(--font-bold)}.xp-progress-bar{width:100%;height:8px;background:#000;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-full)}.xp-progress-fill{height:100%;background:linear-gradient(90deg,#dc2626,#ff4d00);border-radius:var(--radius-full);transition:width var(--transition-slower)}.activity-ledger{padding:var(--space-6);background:var(--gradient-ritual);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);height:100%;display:flex;flex-direction:column}.activity-ledger h3{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-text-primary);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-4);border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:var(--space-2)}.ledger-list{display:flex;flex-direction:column;gap:var(--space-2);flex:1;overflow-y:auto}.ledger-list::-webkit-scrollbar{width:2px}.ledger-list::-webkit-scrollbar-thumb{background:var(--color-void-700)}.ledger-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:#0003;border-radius:var(--radius-md);border-left:2px solid var(--color-void-800);transition:all var(--transition-base)}.ledger-item:hover{background:#ffffff05;border-left-color:var(--color-crimson-600)}.ledger-time{font-size:8px;font-weight:var(--font-bold);color:var(--color-text-muted);text-transform:uppercase}.ledger-detail{font-size:9px;color:var(--color-text-secondary);line-height:var(--leading-normal)}.panel-nation{padding:var(--space-6);background:linear-gradient(135deg,#141414f2,#230a0af2);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);height:100%;display:flex;flex-direction:column;position:relative;overflow:visible;transition:all var(--transition-base)}@media(min-width:768px){.panel-nation{padding:var(--space-8)}}.panel-nation:hover{border-color:#dc26264d}.panel-nation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:var(--space-2)}.panel-nation h3{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-text-primary);letter-spacing:.15em;text-transform:uppercase}.nation-level-display{text-align:center;padding:var(--space-4) 0}.nation-level{font-size:2.5rem;font-family:var(--font-display);color:var(--color-crimson-400);line-height:1;margin-bottom:var(--space-1)}.nation-affinity{font-size:9px;font-weight:var(--font-bold);color:var(--color-gold-500);letter-spacing:.3em;text-transform:uppercase}.mini-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);margin-top:var(--space-4)}.mini-stat{background:#0000004d;border:1px solid rgba(255,255,255,.03);border-radius:var(--radius-md);padding:var(--space-3);text-align:center;transition:all var(--transition-base)}.mini-stat:hover{background:#ffffff05}.mini-stat-label{font-size:8px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.mini-stat-value{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-primary);font-family:var(--font-display)}.nation-roles-section{margin-top:auto;padding-top:var(--space-6)}.roles-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.role-badge{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:8px;font-weight:var(--font-bold);padding:var(--space-1) var(--space-2);text-transform:uppercase;letter-spacing:1px}.flameborn-tabs{display:flex;gap:var(--space-4);padding:var(--space-2);background:#0a0a0a99;border:var(--border-ritual);border-radius:var(--radius-xl);overflow-x:auto;scrollbar-width:none}.flameborn-tabs::-webkit-scrollbar{display:none}.flameborn-tab{flex:1;min-width:140px;padding:var(--space-4) var(--space-6);background:transparent;border:none;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);transition:all var(--transition-base);opacity:.5}.flameborn-tab:hover:not(.coming_soon){opacity:.8}.flameborn-tab.active{opacity:1}.tab-name{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:.2em;text-transform:uppercase;text-shadow:0 0 10px rgba(255,255,255,.1)}.flameborn-tab.active .tab-name{color:var(--color-gold-500);text-shadow:var(--aura-gold)}.tab-status-indicator{font-size:8px;color:var(--color-text-muted);font-weight:var(--font-bold);letter-spacing:1px}.tab-glow{position:absolute;bottom:0;left:20%;right:20%;height:3px;background:var(--gradient-heat);border-radius:var(--radius-full)}.analytics-page{animation:fadeIn var(--transition-base)}.page-header{margin-bottom:var(--space-8)}.page-title{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--color-gold-400);margin-bottom:var(--space-2);text-shadow:var(--glow-gold-sm)}.page-subtitle{color:var(--color-text-secondary);font-size:var(--text-base)}@media(max-width:767px){.page-title{font-size:var(--text-3xl)}.page-subtitle{font-size:var(--text-sm)}}.metrics-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}@media(min-width:640px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.metrics-grid{grid-template-columns:repeat(4,1fr)}}.metric-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--glass-bg);border:1px solid var(--glass-border);transition:all var(--transition-base)}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:#f59e0b4d}.metric-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon.crimson{background:#dc26261a;color:var(--color-crimson-400);box-shadow:var(--glow-crimson-sm)}.metric-icon.gold{background:#f59e0b1a;color:var(--color-gold-400);box-shadow:var(--glow-gold-sm)}.metric-icon.primary{background:#f973161a;color:var(--color-primary-400);box-shadow:var(--glow-primary-sm)}.metric-content{flex:1}.metric-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-1)}.metric-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);font-family:var(--font-display);margin-bottom:var(--space-1)}.metric-trend{font-size:var(--text-xs);font-weight:var(--font-medium)}.metric-trend.positive{color:var(--color-gold-400)}.metric-trend.neutral{color:var(--color-text-secondary)}.analytics-section{margin-bottom:var(--space-8)}.chart-card{padding:var(--space-6);background:var(--glass-bg);border:1px solid var(--glass-border)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-void-700)}.card-header h3{font-size:var(--text-xl);color:var(--color-text-primary)}.activity-chart{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-2);height:200px;padding:var(--space-4) 0}.recharts-wrapper{width:100%;padding:var(--space-4) 0;overflow-x:auto}@media(max-width:767px){.recharts-wrapper{padding:var(--space-2) 0}}.chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.chart-bar{width:100%;max-width:60px;background:linear-gradient(180deg,var(--color-gold-500) 0%,var(--color-crimson-600) 100%);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:all var(--transition-base);position:relative;box-shadow:var(--glow-gold-sm)}.chart-bar:hover{filter:brightness(1.2);box-shadow:var(--glow-gold-md)}.chart-bar:after{content:attr(data-value) "%";position:absolute;top:-24px;left:50%;transform:translate(-50%);font-size:var(--text-xs);color:var(--color-text-secondary);opacity:0;transition:opacity var(--transition-base)}.chart-bar:hover:after{opacity:1}.chart-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.analytics-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-6)}@media(min-width:768px){.analytics-grid{grid-template-columns:repeat(2,1fr)}}.engagement-card{padding:var(--space-6);background:var(--glass-bg);border:1px solid var(--glass-border)}.engagement-card h3{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-void-700)}.engagement-list{display:flex;flex-direction:column;gap:var(--space-4)}.engagement-item{display:flex;flex-direction:column;gap:var(--space-2)}.engagement-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.engagement-bar-container{display:flex;align-items:center;gap:var(--space-3)}.engagement-bar{height:8px;background:linear-gradient(90deg,var(--color-crimson-600) 0%,var(--color-gold-500) 100%);border-radius:var(--radius-full);transition:width var(--transition-slow);box-shadow:var(--glow-crimson-sm)}.engagement-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gold-400);min-width:40px}.insights-card{padding:var(--space-6);background:var(--glass-bg);border:1px solid var(--glass-border)}.insights-card h3{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-void-700)}.insights-list{display:flex;flex-direction:column;gap:var(--space-5)}.insight-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:#14141466;border-radius:var(--radius-md);border:1px solid var(--color-void-700);transition:all var(--transition-base)}.insight-item:hover{border-color:var(--color-void-600);background:#14141499}.insight-content{flex:1}.insight-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:var(--space-1)}.insight-detail{font-size:var(--text-sm);color:var(--color-text-secondary)}.customization-page{animation:fadeIn .6s ease-out}.customization-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-top:2rem}.customization-section{background:#0f0f1466!important;border:1px solid rgba(255,215,0,.1)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .3s ease,border-color .3s ease}.customization-section:hover{border-color:#ffd7004d!important}.customization-section.full-width{grid-column:1 / -1}.section-header{display:flex;gap:1.25rem;margin-bottom:2rem}.section-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.section-icon.crimson{background:#dc26261a;color:#dc2626;border:1px solid rgba(220,38,38,.2)}.section-icon.gold{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.section-icon.primary{background:#8b5cf61a;color:#8b5cf6;border:1px solid rgba(139,92,246,.2)}.section-info h3{font-size:1.25rem;font-weight:600;color:var(--color-gold-500);margin:0}.section-info p{font-size:.9rem;color:#ffffff80;margin:.25rem 0 0}.gradient-presets{display:flex;gap:1rem;margin-top:1rem}.preset-circle{width:40px;height:40px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.preset-circle.ember{background:linear-gradient(135deg,#dc2626,#f59e0b)}.preset-circle.void{background:linear-gradient(135deg,#1e1e2e,#8b5cf6)}.preset-circle.gold{background:linear-gradient(135deg,#f59e0b,#fef08a)}.preset-circle.locked{background:#ffffff0d;color:#fff3;border:1px dashed rgba(255,255,255,.1)}.preset-circle:hover:not(.locked){transform:scale(1.1);border-color:#fff}.theme-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.theme-preview{height:100px;background:#0000004d;border-radius:8px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden}.theme-preview.active{border-color:var(--color-gold-500);box-shadow:0 0 15px #f59e0b26}.preview-label{font-size:.8rem;color:#fff9}.calibration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.calibration-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ffffff08;border-radius:12px}.item-label{display:flex;align-items:center;gap:.75rem;color:#fffc}.toggle-btn{padding:.5rem 1rem;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff6;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease}.toggle-btn.active{background:#f59e0b26;border-color:#f59e0b80;color:#f59e0b}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.save-ritual-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--color-crimson-600),var(--color-crimson-800));color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-family:var(--font-display);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #dc262633}.save-ritual-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #dc262666;border-color:#ffffff4d}.save-ritual-btn:disabled{opacity:.6;cursor:not-allowed}.save-ritual-btn.loading{filter:grayscale(.5);animation:save-pulse 1.5s ease-in-out infinite}@keyframes save-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}.role-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:1rem}.theme-preview{position:relative;height:100px;border-radius:12px;background:var(--color-void-900);border:2px solid transparent;cursor:pointer;transition:all .3s ease;display:flex;align-items:flex-end;padding:1rem;overflow:hidden}.theme-preview.active{border-color:var(--color-gold-500);box-shadow:0 0 20px #f59e0b33}.theme-preview.ornate{background:linear-gradient(135deg,#1a0000,#4c0000);border-color:#ffd70033;box-shadow:inset 0 0 20px #dc26261a}.theme-preview.minimalist{background:#050505;border-color:#ffffff0d}.theme-preview.celestial{background:radial-gradient(circle at top right,#0d1117,#050505);border-color:#38bdf833;box-shadow:inset 0 0 20px #38bdf81a}.theme-preview.astral{background:linear-gradient(135deg,#020617,#1e1b4b);border-color:#6366f14d;overflow:hidden}.theme-preview.astral:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 80% 20%,rgba(245,158,11,.1),transparent 50%)}.theme-preview.void-sovereign{background:#000;border:2px solid transparent;background-image:linear-gradient(#000,#000),conic-gradient(#d4af37,#fde68a,#d4af37,#926239,#d4af37);background-origin:border-box;background-clip:padding-box,border-box;animation:preview-spin 10s linear infinite}@keyframes preview-spin{0%{background-image:linear-gradient(#000,#000),conic-gradient(from 0deg,#d4af37,#fde68a,#d4af37,#926239,#d4af37)}to{background-image:linear-gradient(#000,#000),conic-gradient(from 360deg,#d4af37,#fde68a,#d4af37,#926239,#d4af37)}}.theme-preview.restricted{cursor:not-allowed;filter:grayscale(.8) contrast(.8);opacity:.7}.lock-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5}.preview-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;z-index:10;text-shadow:0 2px 4px rgba(0,0,0,.5)}.role-pick-group label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em}.ritual-select{background:#0006;border:1px solid rgba(255,215,0,.15);color:var(--color-gold-400);padding:.75rem 1rem;border-radius:8px;font-family:var(--font-primary);font-size:.95rem;outline:none;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23f59e0b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem}.ritual-select:focus{border-color:var(--color-gold-500);box-shadow:0 0 10px #f59e0b1a}.ritual-select option{background:#0f0f14;color:#fff}@media(max-width:768px){.customization-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start!important;gap:1.5rem}.save-ritual-btn{width:100%;justify-content:center}}.achievements-page{animation:fadeIn var(--transition-base)}.achievement-stats{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}@media(min-width:640px){.achievement-stats{grid-template-columns:repeat(3,1fr)}}.stat-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--glass-bg);border:1px solid var(--glass-border);transition:all var(--transition-base)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-content{flex:1}.stat-value{font-size:var(--text-3xl);font-weight:var(--font-bold);font-family:var(--font-display);color:var(--color-text-primary);line-height:1;margin-bottom:var(--space-1)}.stat-label{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.achievements-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-4)}@media(min-width:640px){.achievements-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.achievements-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.achievements-grid{grid-template-columns:repeat(4,1fr)}}.achievement-card{position:relative;padding:var(--space-6);background:var(--glass-bg);border:2px solid var(--glass-border);transition:all var(--transition-base);overflow:hidden}.achievement-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,var(--color-gold-500),transparent);opacity:0;transition:opacity var(--transition-base)}.achievement-card.unlocked:before{opacity:1}.achievement-card.unlocked{border-color:#f59e0b33}.achievement-card.unlocked:hover{transform:translateY(-4px);box-shadow:var(--glow-gold-md);border-color:var(--color-gold-500)}.achievement-card.locked{opacity:.6}.achievement-card.locked:hover{opacity:.8}.achievement-card.rarity-legendary.unlocked{border-color:#f59e0b66;box-shadow:var(--glow-gold-lg)}.achievement-card.rarity-epic.unlocked{border-color:#f59e0b4d}.achievement-card.rarity-rare.unlocked{border-color:#dc26264d}.achievement-icon-container{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-4);position:relative}.achievement-icon{font-size:4rem;margin-bottom:var(--space-2);filter:drop-shadow(0 0 15px rgba(245,158,11,.4))}.achievement-card.locked .achievement-icon{filter:grayscale(100%) opacity(.5)}.achievement-rarity-badge{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);padding:var(--space-1) var(--space-2);background:#00000080;border-radius:var(--radius-sm);border:1px solid currentColor}.achievement-content{text-align:center}.achievement-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2);font-family:var(--font-display)}.achievement-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.achievement-unlocked-date{font-size:var(--text-xs);color:var(--color-gold-400);font-weight:var(--font-medium);padding-top:var(--space-3);border-top:1px solid var(--color-void-700)}.achievement-progress{padding-top:var(--space-3);border-top:1px solid var(--color-void-700)}.progress-bar-container{width:100%;height:8px;background:var(--color-void-800);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2)}.progress-bar{height:100%;background:linear-gradient(90deg,var(--color-crimson-600) 0%,var(--color-gold-500) 100%);border-radius:var(--radius-full);transition:width var(--transition-slow);box-shadow:var(--glow-gold-sm)}.progress-text{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--font-semibold)}.achievement-lock-overlay{position:absolute;top:var(--space-4);right:var(--space-4);width:48px;height:48px;background:#000000b3;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--color-void-600)}.apps-page{animation:fadeIn var(--transition-base)}.apps-section{margin-bottom:var(--space-10)}.apps-count{font-size:var(--text-sm);color:var(--color-gold-400);font-weight:var(--font-semibold)}.connected-apps-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-6)}@media(min-width:768px){.connected-apps-grid{grid-template-columns:repeat(2,1fr)}}.connected-app-card{padding:var(--space-6);background:var(--glass-bg);border:1px solid var(--glass-border);transition:all var(--transition-base)}.connected-app-card:hover{border-color:var(--color-void-600);box-shadow:var(--shadow-lg)}.app-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-void-700)}.app-icon-large{font-size:3rem;filter:drop-shadow(0 0 10px rgba(245,158,11,.3))}.app-info{flex:1}.app-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.app-status{display:flex;align-items:center;gap:var(--space-2)}.status-text{font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:capitalize}.app-settings-btn{padding:var(--space-2);background:transparent;border:1px solid var(--color-void-700);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base)}.app-settings-btn:hover{background:var(--color-void-800);border-color:var(--color-void-600);color:var(--color-text-primary)}.app-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.app-meta{margin-bottom:var(--space-4)}.app-connected-date{font-size:var(--text-xs);color:var(--color-text-muted)}.app-permissions{margin-bottom:var(--space-5);padding:var(--space-4);background:#14141466;border-radius:var(--radius-md);border:1px solid var(--color-void-700)}.permissions-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-2)}.permissions-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.permission-badge{padding:var(--space-1) var(--space-2);background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-gold-400)}.app-actions{display:flex;gap:var(--space-3)}.btn-disconnect,.btn-manage{flex:1;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-disconnect{background:transparent;border:1px solid var(--color-crimson-600);color:var(--color-crimson-400)}.btn-disconnect:hover{background:#dc26261a;box-shadow:var(--glow-crimson-sm)}.btn-manage{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:var(--color-gold-400)}.btn-manage:hover{background:#f59e0b33;box-shadow:var(--glow-gold-sm)}.available-apps-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-4)}@media(min-width:640px){.available-apps-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.available-apps-grid{grid-template-columns:repeat(3,1fr)}}.available-app-card{position:relative;padding:var(--space-6);background:var(--glass-bg);border:1px solid var(--glass-border);text-align:center;transition:all var(--transition-base)}.available-app-card:hover:not(.coming-soon){transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-void-600)}.available-app-card.coming-soon{opacity:.6}.coming-soon-badge{position:absolute;top:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-2);background:var(--color-primary-600);color:var(--color-void-900);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);border-radius:var(--radius-sm)}.app-icon-container{margin-bottom:var(--space-4)}.app-icon{font-size:4rem;filter:drop-shadow(0 0 10px rgba(245,158,11,.3))}.available-app-card .app-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.app-category{font-size:var(--text-xs);color:var(--color-gold-400);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-3)}.available-app-card .app-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-5)}.btn-connect{width:100%;padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--color-gold-600) 0%,var(--color-gold-700) 100%);color:var(--color-void-900);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--glow-gold-sm)}.btn-connect:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--glow-gold-md);filter:brightness(1.1)}.btn-connect:disabled{background:var(--color-void-700);color:var(--color-text-muted);cursor:not-allowed;box-shadow:none}.profile-settings{max-width:800px;margin:0 auto}.settings-header{margin-bottom:var(--space-8)}.settings-title{font-size:2rem;color:var(--color-gold-500);margin-bottom:var(--space-2)}.settings-form{display:flex;flex-direction:column;gap:var(--space-6)}.form-section{background:var(--color-void-800);padding:var(--space-6);border-radius:var(--space-2);border:1px solid var(--color-void-700)}.form-section h3{color:var(--color-text-primary);margin-bottom:var(--space-4);font-size:1.2rem}.form-actions{display:flex;gap:var(--space-4);justify-content:flex-end}.save-status{padding:var(--space-3);border-radius:var(--space-1);text-align:center;margin-bottom:var(--space-4)}.save-status.success{background:#22c55e1a;color:#22c55e;border:1px solid #22c55e}.save-status.error{background:#ef44441a;color:var(--color-crimson-500);border:1px solid var(--color-crimson-500)}.vanity-link-box{margin-top:8px;padding:12px;background:var(--color-void-950);border:1px solid var(--color-void-700);border-radius:4px;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center}.vanity-link-box:hover{border-color:var(--color-gold-600);background:#ffd7000d;box-shadow:0 0 15px #f59e0b1a}.vanity-label{font-size:.75rem;text-transform:uppercase;color:var(--color-text-muted)}.vanity-url{font-size:.9rem;color:var(--color-gold-500);font-family:var(--font-mono)}