:root{--font-heading:"Syne", sans-serif;--font-subheading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--bg-deep:#07090e;--bg-card:#10141fb3;--bg-card-hover:#181f30d9;--accent-gold:#fbbf24;--accent-gold-glow:#fbbf2459;--accent-emerald:#10b981;--accent-emerald-glow:#10b9814d;--accent-cyan:#06b6d4;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--glass-border:#ffffff14;--glass-border-gold:#fbbf244d;--shadow-lux:0 20px 50px #0009;--shadow-glow:0 0 35px #fbbf2433}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-color:var(--bg-deep);color:var(--text-main);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}.bg-mesh{z-index:-2;filter:blur(40px);background:radial-gradient(circle at 15% 20%,#fbbf2414 0%,#0000 45%),radial-gradient(circle at 85% 75%,#10b98112 0%,#0000 50%),radial-gradient(circle,#06b6d40a 0%,#0000 60%);position:fixed;inset:0}.particles-bg{z-index:-1;pointer-events:none;position:fixed;inset:0}h1,h2,h3,h4{font-family:var(--font-heading)}.gradient-text-gold{background:linear-gradient(135deg, #fff 20%, var(--accent-gold) 70%, #f59e0b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-text-emerald{background:linear-gradient(135deg, #a7f3d0 0%, var(--accent-emerald) 60%, #059669 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-text-silver{background:linear-gradient(135deg,#fff 0%,#cbd5e1 50%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow-lux);border-radius:24px;transition:all .4s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border-color:#fbbf2440;box-shadow:0 25px 60px #000000b3,0 0 30px #fbbf2426}.btn-primary{color:#000;font-weight:700;font-family:var(--font-subheading);cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:999px;align-items:center;gap:10px;padding:14px 28px;font-size:1rem;transition:all .3s;display:inline-flex;box-shadow:0 10px 25px #f59e0b4d}.btn-primary:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:translateY(-3px)scale(1.02);box-shadow:0 15px 35px #f59e0b80}.btn-secondary{color:var(--text-main);font-weight:600;font-family:var(--font-subheading);border:1px solid var(--glass-border);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:999px;align-items:center;gap:10px;padding:14px 28px;transition:all .3s;display:inline-flex}.btn-secondary:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px)}.photo-frame-wrapper{background:linear-gradient(135deg,#fbbf244d,#ffffff0d 50%,#10b9814d);border-radius:28px;padding:12px;position:relative;box-shadow:0 30px 80px #000c,0 0 40px #fbbf2433}.photo-container{aspect-ratio:4/3.8;border-radius:20px;width:100%;max-height:580px;position:relative;overflow:hidden}.photo-container img{object-fit:cover;object-position:center 25%;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1),filter .6s}.spotlight-overlay{pointer-events:none;background:radial-gradient(circle 220px at var(--mouse-x,50%) var(--mouse-y,40%), #ffffff26 0%, #000000bf 100%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.photo-container:hover .spotlight-overlay{opacity:1}.member-tag{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--accent-gold);background:#0a0e17d9;border:1px solid #fbbf2466;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:700;animation:3s infinite alternate pulse-glow;display:flex;position:absolute;box-shadow:0 10px 25px #00000080}@keyframes pulse-glow{0%{box-shadow:0 0 10px #fbbf2433}to{box-shadow:0 0 25px #fbbf2499}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.floating-element{animation:5s ease-in-out infinite float}.aura-progress-bar{background:#ffffff14;border-radius:999px;height:12px;position:relative;overflow:hidden}.aura-progress-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24,#10b981);border-radius:999px;height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 20px #fbbf24cc}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}