@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,700;0,800;1,700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#1a3a5c;--primary-deep:#0f2439;--accent:#c8956c;--accent-light:#e8c9a8;--accent-glow:#c8956c40;--gold:#d4a843;--gold-soft:#f0ddb8;--success:#3ecf8e;--success-dark:#1ea76a;--danger:#e05c5c;--text:#1c2b3a;--text-dim:#7a8a9a;--text-faint:#a0adb8;--surface:#fff;--surface-raised:#f7f8fa;--surface-sunken:#eef1f5;--border:#e2e6eb;--border-light:#f0f2f5;--glass:#ffffffa6;--glass-border:#ffffff4d;--shadow-sm:0 1px 3px #0f24390f;--shadow-md:0 4px 16px #0f243914;--shadow-lg:0 8px 32px #0f24391a;--shadow-glow:0 0 40px #c8956c33;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px}body{background:var(--surface-raised);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Outfit,sans-serif;overflow-x:hidden}#app{background:var(--surface);min-height:100dvh;margin:0 auto;position:relative}@media (width<=640px){#app{max-width:100%}}@media (width>=641px) and (width<=1023px){#app{max-width:640px;box-shadow:var(--shadow-lg)}}@media (width>=1024px){#app{max-width:100%;box-shadow:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes pulse-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10px)rotate(0)}to{opacity:0;transform:translateY(60px)rotate(360deg)}}@keyframes pop-in{0%{transform:scale(0)}80%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #c8956c26}50%{box-shadow:0 0 40px #c8956c59}}.anim-fade-up{animation:.5s both fade-up}.anim-fade-up-1{animation:.5s 50ms both fade-up}.anim-fade-up-2{animation:.5s .1s both fade-up}.anim-fade-up-3{animation:.5s .15s both fade-up}.anim-fade-up-4{animation:.5s .2s both fade-up}.anim-fade-up-5{animation:.5s .25s both fade-up}.landing{flex-direction:column;min-height:100dvh;display:flex}.topbar{background:var(--primary-deep);z-index:10;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:relative}.topbar-event{letter-spacing:2px;text-transform:uppercase;color:var(--accent-light);font-size:10.5px;font-weight:700}.topbar-right{align-items:center;gap:10px;display:flex}.topbar-logout{color:#ffffff73;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.topbar-logout:hover{color:#fffc;background:#ffffff1f}.topbar-live{color:var(--success);letter-spacing:1px;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.live-dot{background:var(--success);border-radius:50%;width:6px;height:6px;position:relative}.live-dot:after{content:"";border:1.5px solid var(--success);border-radius:50%;animation:1.5s infinite pulse-ring;position:absolute;inset:-3px}.hero{background:linear-gradient(170deg, var(--primary-deep) 0%, var(--primary) 40%, #2a5a7c 100%);text-align:center;padding:32px 24px 0;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#c8956c1f 0%,#0000 65%);width:300px;height:300px;position:absolute;top:-120px;right:-80px}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#3ecf8e14 0%,#0000 65%);width:200px;height:200px;position:absolute;bottom:-60px;left:-60px}.hero-number{color:var(--accent);text-shadow:0 4px 30px #c8956c4d;font-family:Playfair Display,serif;font-size:80px;font-weight:800;line-height:1;animation:.6s both fade-up}.hero-name{color:#fff;margin:6px 0 4px;font-size:24px;font-weight:700;line-height:1.2;animation:.6s 80ms both fade-up}.hero-univ{color:#ffffff8c;letter-spacing:.3px;margin-bottom:28px;font-size:13px;font-weight:400;animation:.6s .12s both fade-up}.hero-photo-wrap{animation:.7s .15s both fade-up;display:inline-block;position:relative}.hero-photo{object-fit:cover;object-position:top;filter:brightness(1.02)contrast(1.02);border-radius:20px 20px 0 0;width:200px;height:260px;display:block}.hero-photo-ring{pointer-events:none;border:2px solid #c8956c33;border-bottom:none;border-radius:24px 24px 0 0;height:120px;position:absolute;inset:-4px -4px auto}.stats-row{background:var(--surface);border-bottom:1px solid var(--border-light);grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;padding:18px 16px;display:grid}.stat{flex-direction:column;align-items:center;gap:2px;display:flex}.stat-val{color:var(--primary);font-size:24px;font-weight:800;transition:color .3s;position:relative}.stat-val.accent{color:var(--accent)}.stat-val.has-live:after{content:"";background:var(--danger);border-radius:50%;width:6px;height:6px;animation:1.2s infinite pulse-soft;position:absolute;top:2px;right:-10px}.stat-lbl{color:var(--text-faint);text-transform:uppercase;letter-spacing:.8px;font-size:10px;font-weight:600}.stat-sep{background:var(--border);width:1px;height:32px}.rank-section{padding:16px 20px}.rank-card{background:linear-gradient(135deg, var(--primary-deep) 0%, var(--primary) 100%);border-radius:var(--radius-md);align-items:center;gap:16px;padding:16px 20px;display:flex;position:relative;overflow:hidden}.rank-card:before{content:"";background:radial-gradient(circle,#c8956c26 0%,#0000 60%);width:100px;height:100px;position:absolute;top:-20px;right:-20px}.rank-badge{width:48px;height:48px;color:var(--accent-light);background:#c8956c26;border:1.5px solid #c8956c4d;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex}.rank-info{flex:1;min-width:0}.rank-title{color:#ffffff80;text-transform:uppercase;letter-spacing:.8px;margin-bottom:2px;font-size:11px;font-weight:600}.rank-value{color:var(--accent-light);font-size:18px;font-weight:800}.rank-value span{color:#ffffff73;font-size:13px;font-weight:400}.rank-arrow{color:#ffffff4d;font-size:20px}.leaderboard-section{padding:0 20px 12px}.section-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-title{color:var(--text);font-size:15px;font-weight:700}.section-filter{gap:4px;display:flex}.filter-btn{border-radius:var(--radius-full);border:1.5px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;padding:5px 12px;font-family:inherit;font-size:11px;font-weight:600;transition:all .2s}.filter-btn.active{background:var(--primary-deep);color:#fff;border-color:var(--primary-deep)}.lb-list{flex-direction:column;gap:6px;display:flex}.lb-item{border-radius:var(--radius-sm);background:var(--surface);border:1.5px solid var(--border-light);align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex;position:relative}.lb-item.is-sabrina{border-color:var(--accent);background:linear-gradient(135deg,#c8956c0f 0%,#c8956c05 100%);animation:3s infinite glow-pulse}.lb-item.is-sabrina:before{content:"YOU";background:var(--accent);color:#fff;border-radius:var(--radius-full);letter-spacing:1px;padding:2px 8px;font-size:8px;font-weight:800;position:absolute;top:-6px;right:12px}.lb-pos{width:24px;color:var(--text-dim);text-align:center;flex-shrink:0;font-size:13px;font-weight:800}.lb-pos.top-1{color:#d4a843}.lb-pos.top-2{color:#8a9bae}.lb-pos.top-3{color:#b87333}.lb-avatar{object-fit:cover;object-position:top;border-radius:10px;flex-shrink:0;width:36px;height:36px}.lb-info{flex:1;min-width:0}.lb-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.lb-univ{color:var(--text-faint);font-size:10px;font-weight:400}.lb-votes{text-align:right;flex-shrink:0}.lb-votes-val{color:var(--primary);font-size:14px;font-weight:800}.lb-votes-pct{color:var(--text-faint);font-size:10px;font-weight:500}.lb-more{text-align:center;color:var(--text-dim);cursor:pointer;padding:10px;font-size:12px;font-weight:600;transition:color .2s}.lb-more:hover{color:var(--primary)}.cta-section{background:linear-gradient(to top, var(--surface) 70%, transparent);margin-top:auto;padding:24px 20px 20px;position:sticky;bottom:0}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-family:inherit;font-weight:700;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn-vote{background:linear-gradient(135deg, var(--accent) 0%, #b8845e 100%);color:#fff;padding:18px;font-size:17px;box-shadow:0 6px 24px #c8956c59}.btn-vote:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000) 0 0/200% 100%;animation:3s infinite shimmer;position:absolute;inset:0}.btn-vote:hover{box-shadow:0 8px 32px #c8956c73}.btn-secondary{background:var(--surface-sunken);color:var(--text);border:1.5px solid var(--border);font-size:14px}.btn-ghost{color:var(--text-dim);background:0 0;padding:12px;font-size:13px}.btn-next{background:linear-gradient(135deg, var(--success) 0%, var(--success-dark) 100%);color:#fff;padding:18px;font-size:17px;box-shadow:0 6px 24px #3ecf8e4d}.btn-next:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000) 0 0/200% 100%;animation:3s infinite shimmer;position:absolute;inset:0}.btn-outline-accent{color:var(--accent);border:2px solid var(--accent);background:0 0;font-size:14px}.qv{background:var(--surface-raised);flex-direction:column;min-height:100dvh;display:flex}.qv-topbar{background:var(--primary-deep);align-items:center;gap:14px;padding:12px 16px;display:flex}.qv-back-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:background .2s;display:flex}.qv-back-btn:hover{background:#ffffff2e}.qv-topbar-info{flex:1}.qv-topbar-name{color:#fff;font-size:13px;font-weight:700}.qv-topbar-sub{color:#ffffff73;font-size:10px;font-weight:500}.qv-topbar-votes{text-align:right}.qv-topbar-votes-val{color:var(--accent-light);font-size:16px;font-weight:800}.qv-topbar-votes-lbl{color:#fff6;text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:600}.qv-body{flex-direction:column;flex:1;align-items:center;gap:16px;padding:24px 20px;display:flex}.qv-session-pill{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-full);color:var(--text-dim);box-shadow:var(--shadow-sm);align-items:center;gap:6px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-flex}.qv-session-pill strong{color:var(--primary);font-weight:800}.qr-card{background:var(--surface);border-radius:var(--radius-lg);text-align:center;width:100%;box-shadow:var(--shadow-md);border:1px solid var(--border-light);padding:28px 24px;animation:.35s both scale-in}.qr-badge{border-radius:var(--radius-full);letter-spacing:.3px;align-items:center;gap:6px;margin-bottom:20px;padding:5px 14px;font-size:11px;font-weight:700;display:inline-flex}.qr-badge.waiting{color:#a16207;background:#fef9ee;border:1px solid #fde68a}.qr-badge.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.qr-badge.expired{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.qr-badge-dot{border-radius:50%;width:6px;height:6px}.qr-badge.waiting .qr-badge-dot{background:#f59e0b;animation:1.2s infinite pulse-soft}.qr-badge.success .qr-badge-dot{background:var(--success)}.qr-badge.expired .qr-badge-dot{background:var(--danger)}.qr-frame{border:2px solid var(--border);border-radius:var(--radius-md);background:#fff;margin-bottom:16px;padding:16px;display:inline-block}.qr-frame canvas{display:block;width:220px!important;height:220px!important}.qr-amount-row{margin-bottom:8px}.qr-amount-label{color:var(--text-faint);font-size:12px}.qr-amount-value{color:var(--text);font-size:28px;font-weight:800}.qr-timer-row{color:var(--text-dim);font-size:13px}.qr-timer-row strong{color:var(--danger);font-size:15px;font-weight:700}.qr-scan-hint{color:var(--text-faint);margin-top:14px;font-size:11.5px;line-height:1.5}.qr-loading{padding:40px 0}.spinner{border:3.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:44px;height:44px;margin:0 auto 16px;animation:.7s linear infinite spin}.qr-loading-text{color:var(--text-dim);font-size:14px;font-weight:500}.qr-success-icon{background:linear-gradient(135deg, var(--success) 0%, var(--success-dark) 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 14px;font-size:36px;animation:.4s cubic-bezier(.175,.885,.32,1.275) both pop-in;display:flex;box-shadow:0 8px 30px #3ecf8e4d}.qr-success-title{color:var(--text);margin-bottom:2px;font-size:20px;font-weight:800}.qr-success-sub{color:var(--text-dim);font-size:13px}.qr-auto-next{color:var(--text-faint);margin-top:16px;font-size:12px;font-weight:500}.qr-auto-next strong{color:var(--primary)}.qr-expired-icon{margin-bottom:12px;font-size:48px}.qv-actions{flex-direction:column;gap:8px;width:100%;margin-top:auto;display:flex}.toast{background:var(--primary-deep);color:#fff;border-radius:var(--radius-md);z-index:200;box-shadow:var(--shadow-lg);white-space:nowrap;padding:12px 24px;font-size:13px;font-weight:600;animation:.3s fade-up,.3s fade-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast.toast-out{animation:.3s forwards fade-out}@keyframes fade-out{to{opacity:0;transform:translateY(10px)}}.footer{text-align:center;color:var(--text-faint);letter-spacing:.3px;padding:14px 20px;font-size:10.5px}.footer a{color:var(--accent);text-decoration:none}.gate{background:var(--surface-raised);flex-direction:column;min-height:100dvh;display:flex}.gate-topbar{background:var(--primary-deep);padding:0}.gate-topbar-inner{justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:12px 20px;display:flex}.gate-topbar-event{letter-spacing:2.5px;text-transform:uppercase;color:var(--accent-light);font-size:10px;font-weight:700}.gate-topbar-live{color:var(--success);letter-spacing:1.5px;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.gate-live-dot{background:var(--success);border-radius:50%;width:6px;height:6px;animation:1.2s infinite pulse-soft;position:relative}.gate-live-dot:after{content:"";border:1.5px solid var(--success);border-radius:50%;animation:1.5s infinite pulse-ring;position:absolute;inset:-3px}.gate-split{flex-direction:column;flex:1;display:flex}.gate-left{background:linear-gradient(175deg, var(--primary-deep) 0%, #1e3f5f 50%, var(--primary) 100%);padding:24px 20px;position:relative;overflow:hidden}.gate-left:before{content:"";pointer-events:none;background:radial-gradient(circle,#c8956c1a 0%,#0000 60%);width:260px;height:260px;position:absolute;top:-80px;right:-60px}.gate-left:after{content:"";pointer-events:none;background:radial-gradient(circle,#3ecf8e0f 0%,#0000 60%);width:180px;height:180px;position:absolute;bottom:-40px;left:-40px}.gate-lb-wrapper{z-index:1;position:relative}.gate-lb-header{margin-bottom:16px}.gate-lb-title-row{align-items:center;gap:12px;margin-bottom:14px;display:flex}.gate-lb-icon{width:36px;height:36px;color:var(--accent);background:#c8956c1f;border:1px solid #c8956c33;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.gate-lb-title{color:#fff;font-family:Playfair Display,serif;font-size:18px;font-weight:700;line-height:1.2}.gate-lb-subtitle{color:#fff6;font-size:11px;font-weight:400}.gate-lb-sabrina-pill{background:#c8956c1a;border:1px solid #c8956c33;border-radius:40px;align-items:center;gap:10px;padding:6px 16px 6px 6px;display:inline-flex}.gate-lb-sabrina-img{object-fit:cover;object-position:top;border:2px solid #c8956c66;border-radius:50%;width:32px;height:32px}.gate-lb-sabrina-name{color:var(--accent-light);font-size:12px;font-weight:700}.gate-lb-sabrina-rank{color:#ffffff73;font-size:10px;font-weight:500}.gate-lb-list{flex-direction:column;gap:4px;display:flex}.gate-lb-item{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;transition:all .2s;animation:.4s both fade-up;display:flex}.gate-lb-item:hover{background:#ffffff12}.gate-lb-item.is-ina{background:#c8956c1a;border-color:#c8956c40}.gate-lb-pos{color:#ffffff59;text-align:center;flex-shrink:0;width:22px;font-size:12px;font-weight:800}.gate-lb-pos.top-1{color:#f0c850}.gate-lb-pos.top-2{color:#b0c0d0}.gate-lb-pos.top-3{color:#cd8c52}.gate-lb-avatar{object-fit:cover;object-position:top;opacity:.9;border-radius:8px;flex-shrink:0;width:32px;height:32px}.gate-lb-info{flex:1;min-width:0}.gate-lb-name{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.gate-lb-votes{color:#ffffff59;font-size:10px;font-weight:500}.gate-lb-ina-tag{background:var(--accent);color:#fff;letter-spacing:1px;border-radius:20px;flex-shrink:0;padding:2px 8px;font-size:8px;font-weight:800}.gate-lb-filters{gap:6px;margin-top:14px;display:flex}.gate-filter-btn{border-radius:var(--radius-full);color:#ffffff73;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;padding:5px 14px;font-family:inherit;font-size:11px;font-weight:600;transition:all .2s}.gate-filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.gate-filter-btn:hover:not(.active){color:#ffffffb3;background:#ffffff1a}.gate-lb-empty{text-align:center;color:#ffffff4d;padding:24px;font-size:12px}.gate-right{background:var(--surface);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px 20px 16px;display:flex;position:relative}.gate-key-card{width:100%;max-width:380px}.gate-key-hero{text-align:center;margin-bottom:20px;position:relative}.gate-key-number{color:var(--accent);text-shadow:0 2px 20px #c8956c26;margin-bottom:4px;font-family:Playfair Display,serif;font-size:56px;font-weight:800;line-height:1}.gate-key-photo{object-fit:cover;object-position:top;border:3px solid var(--accent);border-radius:50%;width:100px;height:100px;box-shadow:0 8px 32px #c8956c33}.gate-key-content{text-align:center}.gate-key-title{color:var(--primary-deep);margin-bottom:6px;font-family:Playfair Display,serif;font-size:28px;font-weight:800;line-height:1.1}.gate-key-desc{color:var(--text-dim);margin-bottom:24px;font-size:13px;line-height:1.5}.gate-key-desc strong{color:var(--text);font-weight:700}.gate-key-error{color:#c0392b;background:#e05c5c0f;border:1.5px solid #e05c5c26;border-radius:10px;margin-bottom:16px;padding:10px 16px;font-size:12.5px;font-weight:600}.gate-key-input-group{text-align:left;margin-bottom:12px}.gate-key-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.gate-key-input{border:2px solid var(--border);background:var(--surface-raised);text-align:center;letter-spacing:6px;text-transform:uppercase;width:100%;color:var(--primary-deep);border-radius:14px;outline:none;padding:16px 18px;font-family:Outfit,sans-serif;font-size:20px;font-weight:800;transition:border-color .2s,box-shadow .2s}.gate-key-input::placeholder{color:var(--text-faint);letter-spacing:4px;font-size:16px;font-weight:400}.gate-key-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #c8956c1f}.gate-key-btn{background:linear-gradient(135deg, var(--primary-deep) 0%, var(--primary) 100%);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-family:Outfit,sans-serif;font-size:15px;font-weight:700;transition:all .2s;display:flex;position:relative;overflow:hidden}.gate-key-btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000) 0 0/200% 100%;animation:3s infinite shimmer;position:absolute;inset:0}.gate-key-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px #0f243940}.gate-key-btn:active{transform:scale(.98)translateY(0)}.gate-key-hint{color:var(--text-faint);margin-top:14px;font-size:11px}.gate-footer{text-align:center;color:var(--text-faint);letter-spacing:.3px;margin-top:auto;padding:16px;font-size:10px}.gate-footer a{color:var(--accent);text-decoration:none}@media (width<=640px){.gate-left{padding:20px 16px}.gate-lb-title{font-size:16px}.gate-right{padding:28px 20px 12px}.gate-key-number{font-size:44px}.gate-key-photo{width:80px;height:80px}.gate-key-title{font-size:24px}}@media (width>=641px) and (width<=1023px){.gate-topbar-inner{padding:14px 32px}.gate-split{width:100%;max-width:640px;margin:0 auto}.gate-left{border-radius:0 0 20px 20px;padding:28px}.gate-right{padding:36px 28px 16px}}@media (width>=1024px){.gate{background:var(--primary-deep)}.gate-topbar-inner{padding:14px 48px}.gate-split{flex-direction:row;flex:1;display:flex}.gate-left{background:0 0;flex-direction:column;justify-content:center;width:50%;padding:36px 40px;display:flex}.gate-left:before{width:400px;height:400px;top:-150px;right:-100px}.gate-lb-wrapper{width:100%;max-width:480px;margin:0 auto}.gate-lb-title{font-size:22px}.gate-lb-subtitle{font-size:12px}.gate-lb-item{gap:12px;padding:10px 14px}.gate-lb-avatar{width:36px;height:36px}.gate-lb-name{font-size:13px}.gate-lb-votes{font-size:11px}.gate-right{border-left:1px solid var(--border-light);width:50%;padding:48px 40px 24px}.gate-key-card{max-width:400px}.gate-key-number{font-size:64px}.gate-key-photo{width:110px;height:110px}.gate-key-title{font-size:32px}.gate-key-desc{font-size:14px}.gate-key-input{padding:18px 20px;font-size:22px}.gate-key-btn{padding:18px;font-size:16px}}.landing-desktop-grid{display:contents}@media (width>=1024px){body{background:var(--primary-deep)}.landing{min-height:100dvh}.topbar{padding:14px 48px}.landing-desktop-grid{flex:1;grid-template-columns:1fr 1fr;display:grid}.landing-left{flex-direction:column;display:flex}.landing-right{background:var(--surface);border-left:1px solid var(--border-light);flex-direction:column;max-height:calc(100dvh - 48px);display:flex;overflow-y:auto}.hero{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px 40px 0;display:flex}.hero-number{font-size:110px}.hero-name{font-size:32px}.hero-univ{margin-bottom:36px;font-size:15px}.hero-photo{border-radius:24px 24px 0 0;width:240px;height:310px}.hero-photo-ring{border-radius:28px 28px 0 0;height:140px;inset:-5px -5px auto}.stats-row{padding:22px 32px}.stat-val{font-size:28px}.stat-lbl{font-size:11px}.rank-section{padding:20px 28px}.leaderboard-section{flex:1;padding:0 28px 16px}.section-title{font-size:17px}.filter-btn{padding:6px 16px;font-size:12px}.lb-item{gap:14px;padding:12px 16px}.lb-avatar{width:42px;height:42px}.lb-name{font-size:14px}.lb-univ{font-size:11px}.lb-votes-val{font-size:16px}.cta-section{padding:12px 28px 24px;position:sticky;bottom:0}.btn-vote{border-radius:var(--radius-lg);max-width:400px;margin:0 auto;padding:20px;font-size:18px}.footer{padding:16px 28px;font-size:11px}.qv-topbar{padding:14px 48px}.qv-body{width:100%;max-width:480px;margin:0 auto;padding:40px 20px}.qr-card{padding:36px 32px}.qr-frame canvas{width:260px!important;height:260px!important}.qv-actions{max-width:400px;margin-left:auto;margin-right:auto}}@media (width>=641px) and (width<=1023px){.topbar{padding:14px 32px}.hero{padding:40px 32px 0}.hero-number{font-size:96px}.hero-name{font-size:28px}.hero-photo{width:220px;height:280px}.stats-row{padding:22px 28px}.stat-val{font-size:28px}.rank-section{padding:20px 28px}.leaderboard-section{padding:0 28px 16px}.lb-item{padding:12px 14px}.lb-avatar{width:40px;height:40px}.cta-section{padding:12px 28px 24px}.btn-vote{max-width:400px;margin:0 auto}.qv-body{width:100%;max-width:480px;margin:0 auto}.qv-actions{max-width:400px;margin-left:auto;margin-right:auto}}