:root{--bg-deep: #060913;--bg-main: #0a0f1d;--bg-surface: #10172a;--bg-surface-elevated: #16213e;--bg-card: rgba(16, 23, 42, .75);--bg-card-hover: rgba(22, 33, 62, .9);--bg-glass: rgba(15, 23, 42, .65);--cream-bg: #f8f6f0;--cream-card: #ffffff;--cream-card-border: #e8e2d5;--cream-text-main: #182030;--cream-text-muted: #64748b;--cream-pill: #ffffff;--gold-button: #c29b38;--gold-button-hover: #b0892c;--gold-button-text: #ffffff;--gold-300: #ffeaa7;--gold-400: #f3c64f;--gold-500: #d4af37;--gold-600: #b8860b;--gold-700: #8c6e1e;--gold-glow: rgba(212, 175, 55, .25);--gold-glow-strong: rgba(212, 175, 55, .45);--cream-50: #fdfbf7;--cream-100: #f6efe9;--cream-200: #e8dfc8;--cream-300: #d5c8ab;--text-primary: #fdfbf7;--text-secondary: #c7d2e3;--text-muted: #8b9bb4;--accent-emerald: #10b981;--accent-emerald-glow: rgba(16, 185, 129, .3);--accent-coral: #f43f5e;--accent-purple: #8b5cf6;--accent-cyan: #06b6d4;--border-subtle: rgba(212, 175, 55, .15);--border-medium: rgba(212, 175, 55, .3);--border-bright: rgba(243, 198, 79, .6);--font-heading: "Cinzel", serif;--font-decorative: "Cinzel Decorative", cursive;--font-body: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-ui: "Plus Jakarta Sans", sans-serif;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 20px rgba(0, 0, 0, .5), 0 0 15px rgba(212, 175, 55, .08);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .6), 0 0 25px rgba(212, 175, 55, .15);--shadow-gold: 0 0 20px rgba(212, 175, 55, .35);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark;font-size:16px;-webkit-text-size-adjust:100%;overflow-x:hidden;max-width:100vw;width:100%}body{font-family:var(--font-body);background-color:var(--bg-deep);color:var(--text-primary);min-height:100vh;overflow-x:hidden;max-width:100vw;width:100%;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch}#root{min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-500)}::selection{background:var(--gold-500);color:var(--bg-deep)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--cream-50);line-height:1.25;letter-spacing:.02em}h1{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:700}h2{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:600}h3{font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:600}p{color:var(--text-secondary);font-size:1rem}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button,input,select,textarea{font-family:inherit;font-size:inherit;outline:none;border:none}button{cursor:pointer;-webkit-user-select:none;user-select:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:clamp(1rem,4vw,2rem);padding-right:clamp(1rem,4vw,2rem)}.section-py{padding-top:clamp(3.5rem,7vw,6.5rem);padding-bottom:clamp(3.5rem,7vw,6.5rem)}.text-gradient-gold{background:linear-gradient(135deg,#fff,#ffeaa7 30%,#d4af37 70%,#b8860b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.text-gold{color:var(--gold-400)}.badge-gold{background:#d4af371f;border:1px solid var(--border-medium);color:var(--gold-400);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:.35rem .85rem;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:.4rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.6rem;border-radius:var(--radius-full);font-weight:600;font-size:.95rem;letter-spacing:.03em;transition:all var(--transition-normal);position:relative;overflow:hidden}.btn-gold{background:linear-gradient(135deg,var(--gold-400),var(--gold-500),var(--gold-600));color:#080c16;box-shadow:0 4px 15px var(--gold-glow)}.btn-gold:hover{background:linear-gradient(135deg,#ffe082,var(--gold-400),var(--gold-500));box-shadow:0 6px 25px var(--gold-glow-strong);transform:translateY(-2px)}.btn-gold:active{transform:translateY(0)}.btn-outline-gold{background:#10172a80;border:1px solid var(--gold-500);color:var(--gold-300);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-outline-gold:hover{background:#d4af3726;border-color:var(--gold-400);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #d4af3733}.btn-secondary{background:#ffffff12;color:var(--cream-100);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:#ffffff24;border-color:#ffffff40;transform:translateY(-2px)}.btn-sm{padding:.45rem 1rem;font-size:.85rem}.btn-lg{padding:.95rem 2.2rem;font-size:1.05rem}.card-mystic{background:var(--bg-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-normal);position:relative;overflow:hidden}.card-mystic:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold-500),transparent);opacity:.3;transition:opacity var(--transition-normal)}.card-mystic:hover{border-color:var(--border-medium);box-shadow:var(--shadow-lg),0 0 20px var(--gold-glow);transform:translateY(-4px)}.card-mystic:hover:before{opacity:.9}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.grid-responsive-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #d4af3733}50%{box-shadow:0 0 30px #d4af3773}}@keyframes rotateZodiac{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spinSlow 35s linear infinite}.animate-float{animation:float 5s ease-in-out infinite}.animate-pulse-glow{animation:pulseGlow 3s ease-in-out infinite}.input-mystic{width:100%;background:#0a0f1db3;border:1px solid var(--border-subtle);color:var(--cream-50);padding:.75rem 1.2rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.input-mystic:focus{border-color:var(--gold-400);background:#10172ae6;box-shadow:0 0 12px var(--gold-glow)}.input-mystic::placeholder{color:var(--text-muted)}.status-dot-online{width:9px;height:9px;background-color:var(--accent-emerald);border-radius:50%;display:inline-block;box-shadow:0 0 8px var(--accent-emerald);position:relative}.status-dot-online:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1.5px solid var(--accent-emerald);opacity:.7;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.6);opacity:0}}@media(max-width:768px){.btn{padding:.65rem 1.3rem;font-size:.9rem}.section-py{padding-top:3rem;padding-bottom:3rem}}.section-cream{background-color:var(--cream-bg)!important;color:var(--cream-text-main)!important;position:relative;z-index:2}.section-cream h1,.section-cream h2,.section-cream h3,.section-cream h4{color:#111827!important}.section-cream p{color:#4b5563!important}.card-cream{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:18px!important;box-shadow:0 4px 16px #0000000a!important;color:#1f2937!important;transition:all var(--transition-normal)}.card-cream:hover{box-shadow:0 10px 25px #00000014!important;transform:translateY(-3px);border-color:#d1d5db!important}.btn-ochre{background-color:#c29b38!important;color:#fff!important;font-weight:600!important;border-radius:9999px!important;padding:.55rem 1.4rem!important;font-size:.88rem!important;border:none!important;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:all .2s ease}.btn-ochre:hover{background-color:#aa8528!important;transform:translateY(-1px);box-shadow:0 4px 12px #c29b3859}.btn-ochre-outline{background-color:#fff!important;color:#c29b38!important;border:1.5px solid #c29b38!important;font-weight:600!important;border-radius:9999px!important;padding:.55rem 1.4rem!important;font-size:.88rem!important;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:all .2s ease}.btn-ochre-outline:hover{background-color:#fff9ed!important;transform:translateY(-1px)}.input-cream{background:#fff!important;border:1px solid #d1d5db!important;color:#1f2937!important;border-radius:12px!important;padding:.75rem 1rem!important;font-size:.9rem!important;width:100%}.input-cream:focus{border-color:#c29b38!important;box-shadow:0 0 0 3px #c29b3826!important}.input-cream::placeholder{color:#9ca3af!important}@media screen and (max-width:768px){input,select,textarea,.input-mystic,.input-cream{font-size:16px!important}}.grid-responsive-280{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.grid-responsive-240{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.2rem}.grid-responsive-180{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}@media(max-width:640px){.btn{min-height:40px}.container{padding-left:.85rem!important;padding-right:.85rem!important}}.no-horizontal-overflow{max-width:100vw!important;overflow-x:hidden!important}