.referral-section{z-index:3;width:100%;max-width:900px;margin:55px auto 0;padding:0 20px;position:relative}.referral-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:left;background:linear-gradient(145deg,#fff1,#ffffff06);border:1px solid #ffffff14;border-radius:22px;width:100%;padding:26px;box-shadow:0 25px 80px #0000004d}.referral-card-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.referral-label{color:#8f8f9a;letter-spacing:1.8px;margin-bottom:7px;font-size:9px;font-weight:800}.referral-card h2{letter-spacing:-.8px;overflow-wrap:anywhere;font-size:22px;line-height:1.25}.referral-card h2 span{background:linear-gradient(90deg,#a78bfa,#60a5fa);color:#0000;-webkit-background-clip:text;background-clip:text}.referral-icon{background:#8b5cf61a;border:1px solid #8b5cf62e;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.referral-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;display:grid}.referral-stat{background:#00000029;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;justify-content:center;min-width:0;min-height:82px;padding:15px;display:flex}.referral-stat-label{color:#686873;letter-spacing:1.4px;margin-bottom:7px;font-size:8px;font-weight:800}.referral-stat strong{color:#f4f4f5;font-size:22px;line-height:1}.referral-stat strong.status-online{color:#4ade80;letter-spacing:.8px;font-size:12px}.referral-link-area{min-width:0;margin-top:22px}.referral-link-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:9px;display:flex}.referral-link-heading span{color:#b5b5be;font-size:11px;font-weight:700}.referral-link-heading small{color:#5f5f69;font-size:9px}.referral-link-box{background:#00000038;border:1px solid #ffffff12;border-radius:13px;gap:8px;min-width:0;padding:5px;display:flex}.referral-link-box input{color:#9696a1;text-overflow:ellipsis;background:0 0;border:none;outline:none;flex:1;width:0;min-width:0;height:40px;padding:0 11px;font-family:monospace;font-size:10px}.referral-link-box button{background:linear-gradient(135deg, var(--purple), var(--blue));color:#fff;cursor:pointer;border:none;border-radius:9px;flex-shrink:0;height:40px;padding:0 18px;font-size:10px;font-weight:800;transition:transform .2s,opacity .2s}.referral-link-box button:hover:not(:disabled){transform:translateY(-1px)}.referral-link-box button:active:not(:disabled){transform:scale(.98)}.referral-link-box button:disabled{opacity:.5;cursor:not-allowed}.referral-tip{color:#666671;margin-top:14px;font-size:9px;line-height:1.6}.referral-error{color:#fca5a5;background:#ef444414;border:1px solid #ef444426;border-radius:9px;margin-top:14px;padding:10px 12px;font-size:10px}.referral-loading{text-align:center;color:#777782;padding:30px;font-size:11px}@media (width<=650px){.referral-section{margin-top:40px;padding:0 15px}.referral-card{border-radius:18px;padding:20px}.referral-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=520px){.referral-section{padding:0 12px}.referral-card{border-radius:17px;padding:18px 15px}.referral-card-top{gap:12px}.referral-card h2{font-size:19px}.referral-icon{border-radius:12px;width:42px;height:42px;font-size:17px}.referral-stats{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.referral-stat{min-height:70px;padding:12px}.referral-stat:last-child{grid-column:1/-1}.referral-stat strong{font-size:19px}.referral-link-heading{flex-direction:column;align-items:flex-start;gap:4px}.referral-link-box{flex-direction:column;gap:6px;padding:7px}.referral-link-box input{width:100%;height:38px;font-size:9px}.referral-link-box button{width:100%;height:42px}}@media (width<=360px){.referral-card{padding:16px 13px}.referral-card h2{font-size:17px}.referral-label{font-size:8px}.referral-stat strong{font-size:18px}}.referral-share-buttons{grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;display:grid}.share-button{color:#fff;cursor:pointer;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:42px;font-family:inherit;font-size:11px;font-weight:800;transition:transform .2s,filter .2s,background .2s;display:flex}.share-button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-2px)}.share-button:active:not(:disabled){transform:translateY(0)}.share-button:disabled{opacity:.45;cursor:not-allowed}.share-button.whatsapp{color:#4ade80;background:#25d3661f;border-color:#25d36638}.share-button.telegram{color:#60a5fa;background:#38bdf81f;border-color:#38bdf838}.share-icon{font-size:15px;line-height:1}@media (width<=500px){.referral-share-buttons{grid-template-columns:1fr}.share-button{height:44px}}.referral-history-section{width:min(1020px,100% - 40px);margin:90px auto 0}.referral-history-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px;display:flex}.referral-history-heading h2{letter-spacing:-1.5px;color:var(--text-primary);margin:8px 0;font-size:clamp(30px,4vw,42px)}.referral-history-heading p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.referral-count-badge{border:1px solid var(--border);text-align:center;background:#8b5cf614;border-radius:16px;flex-shrink:0;min-width:100px;padding:14px 18px}.referral-count-badge strong{color:var(--purple);font-size:24px;display:block}.referral-count-badge span{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:11px;font-weight:700;display:block}.referral-history-card{border:1px solid var(--border);background:var(--card);border-radius:22px;overflow:hidden;box-shadow:0 20px 70px #0003}.referral-history-list{width:100%}.referral-history-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;transition:background .2s,transform .2s;display:flex}.referral-history-row:last-child{border-bottom:none}.referral-history-row:hover{background:#8b5cf60d}.referral-history-user{align-items:center;gap:14px;min-width:0;display:flex}.referral-history-avatar{color:#fff;background:linear-gradient(135deg,#8b5cf640,#6366f11f);border:1px solid #8b5cf659;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:17px;font-weight:800;display:flex}.referral-history-user>div:last-child{min-width:0}.referral-history-user strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:15px;display:block;overflow:hidden}.referral-history-user span{color:var(--text-muted);margin-top:4px;font-size:12px;display:block}.referral-history-right{text-align:right;flex-shrink:0}.referral-history-right .referral-joined{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.referral-history-right strong{color:var(--text-primary);font-size:13px}.referral-history-loading,.referral-history-error{text-align:center;color:var(--text-muted);padding:35px 25px}.referral-history-error{color:#ff7b7b}.referral-history-card.empty{text-align:center;padding:55px 25px}.referral-empty-icon{background:#8b5cf61a;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 18px;font-size:28px;display:flex}.referral-history-card.empty h3{color:var(--text-primary);margin:0 0 8px;font-size:20px}.referral-history-card.empty p{max-width:430px;color:var(--text-muted);margin:0 auto;font-size:14px;line-height:1.6}@media (width<=700px){.referral-history-section{width:min(100% - 30px,1020px);margin-top:70px}.referral-history-heading{align-items:flex-start;gap:18px}.referral-history-heading h2{font-size:30px}}@media (width<=520px){.referral-history-section{width:calc(100% - 24px);margin-top:60px}.referral-history-heading{flex-direction:column;gap:14px;margin-bottom:18px}.referral-history-heading h2{letter-spacing:-1px;font-size:28px}.referral-history-heading p{font-size:12px}.referral-count-badge{min-width:82px;padding:9px 13px}.referral-count-badge strong{font-size:20px}.referral-count-badge span{font-size:9px}.referral-history-card{border-radius:17px}.referral-history-row{gap:10px;padding:14px 12px}.referral-history-user{gap:10px;min-width:0}.referral-history-avatar{border-radius:11px;width:40px;height:40px;font-size:14px}.referral-history-user strong{font-size:12px}.referral-history-user span{font-size:9px}.referral-history-right .referral-joined{letter-spacing:.7px;font-size:8px}.referral-history-right strong{font-size:10px}}@media (width<=360px){.referral-history-section{width:calc(100% - 20px)}.referral-history-row{padding:12px 10px}.referral-history-avatar{width:36px;height:36px}}.leaderboard-section{z-index:2;width:100%;max-width:1000px;margin:120px auto 0;padding:0 25px 100px;position:relative}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:35px;display:flex}.section-label{color:var(--purple);letter-spacing:2px;margin-bottom:8px;font-size:10px;font-weight:800}.section-heading h2{letter-spacing:-1.5px;font-size:32px}.updated{color:var(--text-muted);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.leaderboard-loading{text-align:center;color:var(--text-muted);background:#ffffff06;border:1px solid #ffffff0f;border-radius:18px;padding:55px 20px;font-size:12px}.leaderboard-error{color:#fca5a5;background:#ef444414;border:1px solid #ef444426;border-radius:11px;margin-bottom:18px;padding:13px 15px;font-size:11px}.leaderboard-empty{text-align:center;background:#ffffff06;border:1px solid #ffffff0f;border-radius:18px;padding:60px 20px}.empty-icon{margin-bottom:12px;font-size:35px}.leaderboard-empty h3{font-size:18px}.leaderboard-empty p{color:var(--text-muted);margin-top:7px;font-size:11px}.podium{grid-template-columns:1fr 1.08fr 1fr;align-items:end;gap:14px;margin-bottom:20px;display:grid}.podium-card{text-align:center;background:#ffffff09;border:1px solid #ffffff12;border-radius:18px;min-width:0;padding:28px 15px;transition:transform .25s,background .25s;position:relative}.podium-card:hover{background:#ffffff0e;transform:translateY(-5px)}.podium-card.first{background:linear-gradient(#7c3aed21,#ffffff09);border-color:#a78bfa4d;padding-top:40px;padding-bottom:38px;box-shadow:0 20px 60px #7c3aed1f}.rank-circle{color:#c4b5fd;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin:auto;font-size:12px;font-weight:800;display:flex}.first .rank-circle{background:linear-gradient(135deg, var(--purple), var(--blue));color:#fff}.avatar{background:linear-gradient(135deg,#27272a,#18181b);border:1px solid #ffffff1a;border-radius:17px;justify-content:center;align-items:center;width:58px;height:58px;margin:17px auto 12px;font-size:20px;font-weight:800;display:flex}.first .avatar{background:linear-gradient(135deg, var(--purple), #4f46e5);box-shadow:0 0 30px var(--purple-glow)}.podium-card h3{overflow-wrap:anywhere;font-size:16px}.podium-card p{color:#7d7d87;margin-top:5px;font-size:12px}.podium-place{color:#696974;letter-spacing:2px;margin-top:18px;font-size:9px;font-weight:900}.crown{filter:drop-shadow(0 5px 12px #facc1540);font-size:26px;position:absolute;top:-17px;left:50%;transform:translate(-50%)}.leaderboard-list{flex-direction:column;gap:9px;display:flex}.leaderboard-row{background:#ffffff06;border:1px solid #ffffff0e;border-radius:14px;align-items:center;min-width:0;padding:15px 18px;transition:transform .2s,background .2s,border-color .2s;display:flex}.leaderboard-row:hover{background:#ffffff0d;transform:translate(3px)}.leaderboard-row.current-user{box-shadow:inset 3px 0 0 var(--purple);background:#8b5cf612;border-color:#8b5cf659}.rank{color:#666671;flex-shrink:0;width:55px;font-size:12px;font-weight:800}.user-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.avatar.small{border-radius:11px;flex-shrink:0;width:39px;height:39px;margin:0;font-size:13px}.user-info>div:last-child{min-width:0}.user-info strong{word-break:break-word;align-items:center;gap:7px;font-size:13px;display:flex}.user-info>div:last-child>span:not(.you-badge){color:#666671;margin-top:3px;font-size:10px;display:block}.you-badge{color:#a78bfa;letter-spacing:.5px;background:#8b5cf626;border-radius:5px;align-items:center;padding:3px 6px;font-size:7px;font-weight:900;display:inline-flex}.referrals{text-align:right;flex-shrink:0}.referrals strong{font-size:15px;display:block}.referrals span{color:#666671;font-size:10px}.your-rank-card{background:#8b5cf60d;border:1px solid #8b5cf629;border-radius:14px;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;padding:16px;display:grid}.your-rank-card>div{justify-content:space-between;align-items:center;gap:15px;min-width:0;display:flex}.your-rank-card span{color:#6f6f7a;letter-spacing:1.1px;font-size:8px;font-weight:800}.your-rank-card strong{color:#c4b5fd;font-size:16px}@media (width<=700px){.leaderboard-section{margin-top:70px;padding:0 14px 60px}.section-heading{margin-bottom:22px;display:block}.section-heading h2{letter-spacing:-1px;font-size:27px}.section-label{margin-bottom:7px;font-size:9px}.updated{margin-top:8px;font-size:10px}.podium{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.podium-card{text-align:left;border-radius:15px;grid-template-columns:38px 48px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:0;padding:15px 14px;display:grid}.podium-card:hover{transform:none}.podium-card.first{order:-1;padding:17px 14px;box-shadow:0 12px 35px #7c3aed1f}.rank-circle{width:32px;height:32px;margin:0;font-size:11px}.avatar{border-radius:12px;width:42px;height:42px;margin:0;font-size:15px}.podium-card h3{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:13px;overflow:hidden}.podium-card p{margin-top:3px;font-size:9px}.podium-place{letter-spacing:1.5px;text-align:right;white-space:nowrap;margin:0;font-size:7px}.crown{font-size:18px;top:-10px;left:22px;transform:none}.leaderboard-list{gap:7px}.leaderboard-row{border-radius:13px;gap:7px;width:100%;padding:11px 10px}.leaderboard-row:hover{transform:none}.rank{flex-shrink:0;width:30px;font-size:9px}.user-info{gap:8px}.avatar.small{border-radius:9px;width:34px;height:34px;font-size:11px}.user-info strong{gap:4px;min-width:0;font-size:11px}.user-info>div:last-child>span:not(.you-badge){margin-top:2px;font-size:8px}.you-badge{padding:2px 4px;font-size:6px}.referrals{min-width:38px}.referrals strong{font-size:13px}.referrals span{font-size:7px}.your-rank-card{border-radius:13px;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;padding:13px}.your-rank-card>div{gap:8px}.your-rank-card span{letter-spacing:.8px;font-size:7px}.your-rank-card strong{font-size:15px}}@media (width<=420px){.leaderboard-section{padding-left:10px;padding-right:10px}.section-heading h2{font-size:25px}.podium-card{grid-template-columns:34px 42px minmax(0,1fr) auto;gap:7px;padding-left:11px;padding-right:11px}.podium-card.first{padding-left:11px;padding-right:11px}.rank-circle{width:29px;height:29px}.avatar{border-radius:10px;width:38px;height:38px}.podium-card h3{font-size:12px}.podium-card p{font-size:8px}.podium-place{font-size:6px}.leaderboard-row{padding:10px 8px}.rank{width:27px}.avatar.small{width:32px;height:32px}.user-info strong{font-size:10px}.referrals strong{font-size:12px}.your-rank-card{grid-template-columns:1fr;gap:7px}}@media (width<=360px){.leaderboard-section{padding-left:8px;padding-right:8px}.podium-card{grid-template-columns:30px 38px minmax(0,1fr) auto;gap:6px}.rank-circle{width:27px;height:27px}.avatar{width:35px;height:35px}.podium-card h3{font-size:11px}.leaderboard-row{padding-left:7px;padding-right:7px}.rank{width:24px;font-size:8px}.avatar.small{width:30px;height:30px}.user-info strong{font-size:9px}.referrals strong{font-size:11px}}.auth-page{background:radial-gradient(circle at 50% -10%, #7c3aed33, transparent 40%), var(--bg-primary);justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:30px 20px;display:flex;position:relative;overflow:hidden}.auth-container{z-index:2;width:100%;max-width:430px;position:relative}.auth-glow{filter:blur(130px);opacity:.12;pointer-events:none;border-radius:50%;width:400px;height:400px;position:absolute}.auth-glow-one{background:var(--purple);top:20%;left:-220px}.auth-glow-two{background:var(--blue);bottom:10%;right:-220px}.auth-brand{justify-content:center;align-items:center;gap:12px;margin-bottom:28px;display:flex}.auth-logo{background:linear-gradient(135deg, var(--purple), var(--blue));width:42px;height:42px;box-shadow:0 0 35px var(--purple-glow);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:900;display:flex}.auth-brand strong{letter-spacing:1.5px;font-size:14px;display:block}.auth-brand span{color:var(--text-muted);letter-spacing:2px;margin-top:2px;font-size:8px;font-weight:700;display:block}.auth-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(145deg,#fff1,#ffffff06);border:1px solid #ffffff17;border-radius:22px;width:100%;padding:32px;box-shadow:0 30px 100px #00000073}.auth-heading{margin-bottom:28px}.auth-badge{color:#a78bfa;letter-spacing:1.5px;background:#8b5cf61a;border:1px solid #8b5cf62e;border-radius:999px;margin-bottom:13px;padding:6px 10px;font-size:9px;font-weight:800;display:inline-flex}.auth-heading h1{letter-spacing:-1.5px;font-size:30px;line-height:1.1}.auth-heading p{color:var(--text-muted);margin-top:9px;font-size:13px;line-height:1.6}.form-group{margin-bottom:17px}.form-group label{color:#b8b8c2;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.form-group input{color:#fff;background:#0003;border:1px solid #ffffff14;border-radius:11px;outline:none;width:100%;height:46px;padding:0 14px;font-size:13px;transition:border-color .2s,box-shadow .2s,background .2s}.form-group input::placeholder{color:#50505a}.form-group input:focus{background:#0000004d;border-color:#8b5cf6a6;box-shadow:0 0 0 3px #8b5cf614}.form-group input:disabled{opacity:.6;cursor:not-allowed}.auth-message{overflow-wrap:anywhere;border-radius:10px;margin-bottom:15px;padding:11px 13px;font-size:11px;line-height:1.5}.auth-message.error{color:#fca5a5;background:#ef444414;border:1px solid #ef444433}.auth-message.success{color:#86efac;background:#22c55e14;border:1px solid #22c55e33}.auth-submit{color:#fff;background:linear-gradient(135deg, var(--purple), var(--blue));cursor:pointer;width:100%;min-height:47px;box-shadow:0 10px 30px var(--purple-glow);border:none;border-radius:11px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s,opacity .2s}.auth-submit:hover:not(:disabled){box-shadow:0 15px 35px var(--purple-glow);transform:translateY(-2px)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-switch{color:var(--text-muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin-top:23px;font-size:11px;display:flex}.auth-switch button{color:#a78bfa;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:700}.auth-switch button:hover{color:#fff}.auth-switch button:disabled{opacity:.5;cursor:not-allowed}.auth-footer{text-align:center;color:#4f4f58;margin-top:22px;font-size:10px;line-height:1.5}@media (width<=500px){.auth-page{align-items:flex-start;padding:25px 15px}.auth-container{margin:auto 0}.auth-card{border-radius:18px;padding:25px 20px}.auth-heading{margin-bottom:23px}.auth-heading h1{font-size:27px}}@media (width<=380px){.auth-page{padding:20px 11px}.auth-card{border-radius:16px;padding:22px 15px}.auth-brand{margin-bottom:20px}.auth-heading h1{font-size:25px}.auth-heading p{font-size:12px}.form-group input{height:45px;font-size:12px}.auth-submit{min-height:46px}}:root{--bg-primary:#07070a;--card:#ffffff0a;--card-hover:#ffffff14;--purple:#8b5cf6;--blue:#6366f1;--purple-glow:#8b5cf659;--text-primary:#fff;--text-muted:#777782;--border:#ffffff14;--success:#22c55e;--success-glow:#22c55ecc}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-primary);overflow-x:hidden}body{background:var(--bg-primary);width:100%;min-width:320px;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,input{font-family:inherit}button{-webkit-tap-highlight-color:transparent}input{max-width:100%}.app{background:radial-gradient(circle at 50% -20%, #7d4cff29, transparent 35%), var(--bg-primary);width:100%;min-height:100vh;position:relative;overflow-x:hidden}.background-glow{filter:blur(140px);pointer-events:none;opacity:.15;border-radius:50%;width:500px;height:500px;position:absolute}.glow-one{background:var(--purple);top:300px;left:-250px}.glow-two{background:var(--blue);top:700px;right:-250px}.hero{text-align:center;z-index:2;width:100%;max-width:1000px;margin:75px auto 0;padding:0 25px;position:relative}.hero-badge{color:#c4b5fd;background:#7c3aed1a;border:1px solid #8b5cf633;border-radius:999px;justify-content:center;align-items:center;max-width:100%;margin-bottom:22px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-4px;max-width:800px;margin:auto;font-size:clamp(42px,7vw,78px);font-weight:850;line-height:.98}.hero h1 span{background:linear-gradient(90deg,#a78bfa,#818cf8,#60a5fa);color:#0000;-webkit-background-clip:text;background-clip:text}.hero>p{color:#8d8d98;max-width:600px;margin:25px auto 0;font-size:16px;line-height:1.7}@media (width<=800px){.hero{margin-top:55px}.hero h1{letter-spacing:-3px}}@media (width<=600px){.hero{margin-top:42px;padding:0 14px}.hero-badge{margin-bottom:17px;padding:7px 11px;font-size:10px}.hero h1{letter-spacing:-2.5px;font-size:clamp(36px,12vw,52px);line-height:1}.hero>p{max-width:390px;margin-top:17px;font-size:13px;line-height:1.65}}@media (width<=380px){.hero{padding:0 11px}.hero h1{letter-spacing:-2px;font-size:35px}.hero>p{font-size:12px}}.navbar{z-index:5;justify-content:space-between;align-items:center;gap:15px;width:100%;max-width:1200px;margin:auto;padding:26px 25px;display:flex;position:relative}.logo{letter-spacing:1.5px;align-items:center;gap:11px;min-width:0;font-size:15px;font-weight:800;display:flex}.logo-icon{background:linear-gradient(135deg, var(--purple), var(--blue));width:34px;height:34px;box-shadow:0 0 25px var(--purple-glow);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-right{flex-shrink:0;align-items:center;gap:16px;display:flex}.nav-status{color:var(--text-muted);align-items:center;gap:7px;font-size:13px;display:flex}.status-dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 10px var(--success-glow);border-radius:50%;flex-shrink:0;display:inline-block}.profile-button{border:1px solid var(--border);background:var(--card);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:10px;min-height:40px;padding:9px 16px;transition:background .2s,transform .2s}.profile-button:hover{background:var(--card-hover)}.profile-button:active{transform:scale(.97)}@media (width<=700px){.navbar{padding:18px 16px}.nav-status{display:none}}@media (width<=480px){.navbar{padding:15px 12px}.logo{letter-spacing:1px;gap:8px;font-size:12px}.logo-icon{border-radius:9px;width:32px;height:32px}.profile-button{border-radius:9px;min-height:38px;padding:8px 11px;font-size:11px}}@media (width<=350px){.logo{font-size:10px}.profile-button{padding:7px 9px;font-size:10px}}.donation-section{z-index:3;width:100%;max-width:900px;margin:70px auto 0;padding:0 20px;position:relative}.donation-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#8b5cf613,#ffffff06);border:1px solid #8b5cf62e;border-radius:22px;padding:28px;box-shadow:0 25px 80px #00000040}.donation-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.donation-label{color:#a78bfa;letter-spacing:1.8px;margin-bottom:7px;font-size:9px;font-weight:800}.donation-header h2{color:var(--text-primary);letter-spacing:-1px;font-size:24px}.donation-header h2 span{background:linear-gradient(90deg,#a78bfa,#60a5fa);color:#0000;-webkit-background-clip:text;background-clip:text}.donation-header p{max-width:520px;color:var(--text-muted);margin-top:7px;font-size:11px;line-height:1.6}.donation-icon{background:#8b5cf61f;border:1px solid #8b5cf633;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex;box-shadow:0 0 30px #8b5cf61f}.donation-button{background:linear-gradient(135deg, var(--purple), var(--blue));color:#fff;cursor:pointer;width:100%;height:48px;box-shadow:0 10px 30px var(--purple-glow);border:none;border-radius:12px;margin-top:22px;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s,opacity .2s}.donation-button span{margin-right:7px}.donation-button:hover{box-shadow:0 15px 40px var(--purple-glow);transform:translateY(-2px)}.donation-button:active{transform:translateY(0)}.donation-leaderboard{background:#0000002e;border:1px solid #ffffff12;border-radius:16px;margin-top:25px;overflow:hidden}.donation-leaderboard-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:17px 18px;display:flex}.donation-small-label{color:#696974;letter-spacing:1.5px;margin-bottom:4px;font-size:8px;font-weight:800;display:block}.donation-leaderboard-header h3{color:var(--text-primary);letter-spacing:-.3px;font-size:15px}.donation-trophy{background:#8b5cf61a;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.donor-list{max-height:285px;padding:7px;overflow-y:auto}.donor-list::-webkit-scrollbar{width:5px}.donor-list::-webkit-scrollbar-track{background:0 0}.donor-list::-webkit-scrollbar-thumb{background:#8b5cf659;border-radius:999px}.donor-list::-webkit-scrollbar-thumb:hover{background:#8b5cf699}.donor-row{border-radius:11px;align-items:center;gap:11px;min-height:55px;padding:8px 10px;transition:background .2s;display:flex}.donor-row:hover{background:#ffffff0a}.donor-rank{text-align:center;color:#666671;flex-shrink:0;width:28px;font-size:10px;font-weight:800}.donor-avatar{color:#fff;background:linear-gradient(135deg,#27272a,#18181b);border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:flex}.donor-top-1 .donor-avatar{background:linear-gradient(135deg,#a78bfa,#6366f1);box-shadow:0 0 20px #8b5cf633}.donor-top-2 .donor-avatar{background:linear-gradient(135deg,#71717a,#3f3f46)}.donor-top-3 .donor-avatar{background:linear-gradient(135deg,#a16207,#713f12)}.donor-info{flex:1;min-width:0}.donor-info strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.donor-info span{color:#5f5f69;margin-top:2px;font-size:8px;display:block}.donor-amount{text-align:right;flex-shrink:0}.donor-amount strong{color:#c4b5fd;font-size:12px}@media (width<=600px){.donation-section{margin-top:50px;padding:0 15px}.donation-card{border-radius:18px;padding:20px}.donation-header{gap:12px}.donation-header h2{letter-spacing:-.7px;font-size:20px}.donation-header p{font-size:10px}.donation-icon{border-radius:12px;width:44px;height:44px;font-size:18px}.donation-button{height:46px;margin-top:18px}.donation-leaderboard{border-radius:14px;margin-top:20px}.donation-leaderboard-header{padding:14px}.donation-leaderboard-header h3{font-size:14px}.donor-list{max-height:240px;padding:5px}.donor-row{gap:8px;min-height:51px;padding:7px 8px}.donor-rank{width:24px;font-size:9px}.donor-avatar{border-radius:9px;width:32px;height:32px}.donor-info strong{font-size:10px}.donor-info span{font-size:7px}.donor-amount strong{font-size:11px}}@media (width<=360px){.donation-section{padding:0 10px}.donation-card{padding:17px}.donation-header h2{font-size:18px}.donation-icon{width:40px;height:40px;font-size:16px}.donor-list{max-height:220px}}.site-footer{color:#55555f;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:15px;width:100%;max-width:1000px;margin:auto;padding:25px;font-size:11px;display:flex}@media (width<=700px){.site-footer{text-align:center;flex-direction:column;gap:8px;padding:22px 15px}}