:root{--bg-darkest: #050B10;--bg-primary: #081119;--bg-surface: rgba(13, 25, 36, .78);--bg-surface-elevated: rgba(18, 35, 50, .85);--bg-surface-card: rgba(15, 29, 42, .65);--bg-input: rgba(10, 20, 30, .85);--gold-primary: #E5C365;--gold-light: #F7E5A9;--gold-glow: rgba(229, 195, 101, .35);--gold-border: rgba(229, 195, 101, .28);--gold-border-bright: rgba(229, 195, 101, .6);--gold-gradient: linear-gradient(135deg, #F9ECC4 0%, #E5C365 50%, #C49826 100%);--gold-subtle-bg: rgba(229, 195, 101, .08);--teal-primary: #17B890;--teal-light: #44E2BB;--teal-dark: #095244;--teal-glow: rgba(23, 184, 144, .35);--teal-border: rgba(23, 184, 144, .3);--teal-gradient: linear-gradient(135deg, #44E2BB 0%, #17B890 50%, #0E7C7B 100%);--teal-subtle-bg: rgba(23, 184, 144, .08);--dual-gradient: linear-gradient(135deg, #17B890 0%, #E5C365 100%);--text-white: #FFFFFF;--text-primary: #EEF4F8;--text-secondary: #9DB1C2;--text-muted: #647B8E;--text-gold: #F7E5A9;--border-subtle: rgba(255, 255, 255, .08);--border-highlight: rgba(255, 255, 255, .15);--status-success: #10B981;--status-success-bg: rgba(16, 185, 129, .12);--status-warning: #F59E0B;--status-warning-bg: rgba(245, 158, 11, .12);--status-danger: #EF4444;--status-danger-bg: rgba(239, 68, 68, .12);--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .4);--shadow-md: 0 10px 30px rgba(0, 0, 0, .5), 0 0 20px rgba(23, 184, 144, .05);--shadow-gold: 0 8px 32px rgba(229, 195, 101, .15);--shadow-teal: 0 8px 32px rgba(23, 184, 144, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-darkest);color:var(--text-primary);line-height:1.65;overflow-x:hidden;background-image:radial-gradient(circle at 15% 10%,rgba(23,184,144,.1) 0%,transparent 45%),radial-gradient(circle at 85% 15%,rgba(229,195,101,.1) 0%,transparent 45%),radial-gradient(circle at 50% 60%,rgba(14,124,123,.06) 0%,transparent 60%),radial-gradient(circle at 80% 90%,rgba(229,195,101,.07) 0%,transparent 50%);background-attachment:fixed;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-darkest)}::-webkit-scrollbar-thumb{background:#e5c36540;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-white);font-weight:700;letter-spacing:-.02em;line-height:1.25}.gold-gradient-text{background:var(--gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.teal-gradient-text{background:var(--teal-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.dual-gradient-text{background:var(--dual-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-family:var(--font-heading);font-weight:600;font-size:.95rem;color:#061118;background:var(--gold-gradient);border:1px solid var(--gold-light);border-radius:10px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 15px var(--gold-glow);text-decoration:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #e5c36580;filter:brightness(1.08)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-family:var(--font-heading);font-weight:600;font-size:.95rem;color:var(--text-primary);background:var(--bg-surface-elevated);border:1px solid var(--border-highlight);border-radius:10px;cursor:pointer;transition:all .25s ease;text-decoration:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-secondary:hover{border-color:var(--teal-primary);color:var(--teal-light);background:#17b8901f;transform:translateY(-2px)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-family:var(--font-heading);font-weight:600;font-size:.95rem;color:#fff;background:linear-gradient(135deg,#ef4444,#b91c1c);border:1px solid rgba(239,68,68,.4);border-radius:10px;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 15px #ef444440}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.glass-panel{background:var(--bg-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:var(--shadow-md)}.glass-card{background:var(--bg-surface-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:12px;transition:all .25s ease}.glass-card:hover{border-color:var(--teal-border);box-shadow:var(--shadow-teal)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;font-size:.8rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.badge-gold{background:var(--gold-subtle-bg);border:1px solid var(--gold-border);color:var(--gold-light)}.badge-teal{background:var(--teal-subtle-bg);border:1px solid var(--teal-border);color:var(--teal-light)}.badge-success{background:var(--status-success-bg);border:1px solid rgba(16,185,129,.3);color:#34d399}.badge-danger{background:var(--status-danger-bg);border:1px solid rgba(239,68,68,.3);color:#f87171}.code-pill{font-family:var(--font-mono);background:#0006;border:1px solid rgba(229,195,101,.2);color:var(--gold-light);padding:2px 8px;border-radius:6px;font-size:.85em}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #e5c36533}50%{box-shadow:0 0 35px #17b89066}}@keyframes floatAnim{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.floating{animation:floatAnim 4s ease-in-out infinite}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 20px}@media(max-width:768px){.container{padding:0 14px}}