@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow+Condensed:wght@400;500;600;700;800;900&family=Manrope:wght@300;400;500;600;700;800&display=swap";
@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--green:#00e87a;--green-dim:#00c868;--yellow:gold;--dark:#080c08;--dark2:#0d120d;--dark3:#111811;--card:#151c15;--card2:#1a221a;--border:#00e87a1f;--border2:#ffffff0d;--text:#edf2ed;--text2:#edf2ed99;--text3:#edf2ed59;--error:#ff5a5a;--error-bg:#ff5a5a14;--r-bg:#0a0c0c;--r-s2:#121414;--r-s3:#181a1a;--r-s4:#1d2020;--r-s5:#232626;--r-outline:#ffffff0f;--r-outline-hi:#ffffff1f;--r-t1:#f4f3f3;--r-t2:#f4f3f385;--r-t3:#f4f3f342;--r-green:#00fd7e;--r-green-dim:#00ee76;--r-yellow:#f7e600;--r-error:#ff7351;--r-error-bg:#ff735114;--r-success:#00fd7e;--r-success-bg:#00fd7e14;--spring:cubic-bezier(.22, 1, .36, 1);--ease-out:cubic-bezier(.23, 1, .32, 1)}body{background:var(--dark);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Manrope,sans-serif;overflow:hidden}.page{grid-template-columns:55% 45%;min-height:100vh;display:grid;overflow:hidden}.left{background:var(--dark2);flex-direction:column;padding:44px 52px;display:flex;position:relative;overflow:hidden}.left:after{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.025'/%3E%3C/svg%3E");position:absolute;inset:0}.left:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(70% 55% at 15% 85%,#00e87a1a 0%,#0000 100%),radial-gradient(50% 40% at 85% 15%,#ffd7000d 0%,#0000 100%);position:absolute;inset:0}.pitch-deco{pointer-events:none;z-index:0;opacity:.04;position:absolute;inset:0;overflow:hidden}.pitch-deco svg{width:100%;position:absolute;bottom:0;left:0}.left-logo{z-index:1;letter-spacing:4px;color:var(--green);align-items:center;gap:10px;margin-bottom:auto;font-family:Bebas Neue,sans-serif;font-size:22px;display:flex;position:relative}.logo-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 12px var(--green), 0 0 24px #00e87a4d;border-radius:50%;animation:3s ease-in-out infinite dot-pulse}@keyframes dot-pulse{0%,to{box-shadow:0 0 8px var(--green), 0 0 16px #00e87a4d}50%{box-shadow:0 0 16px var(--green), 0 0 32px #00e87a80}}.left-hero{z-index:1;margin:40px 0;position:relative}.left-kicker{text-transform:uppercase;letter-spacing:3px;color:var(--green);align-items:center;gap:8px;margin-bottom:16px;font-family:Manrope,sans-serif;font-size:11px;font-weight:700;display:flex}.kicker-line{background:var(--green);border-radius:2px;width:28px;height:1.5px}.left-headline{letter-spacing:-1px;color:var(--text);margin-bottom:24px;font-family:Bebas Neue,sans-serif;font-size:clamp(58px,6.5vw,96px);line-height:.88}.left-headline em{color:var(--green);font-style:normal;display:block}.left-headline .ac{color:var(--yellow);display:block}.left-sub{color:var(--text2);max-width:360px;font-size:14px;font-weight:400;line-height:1.7}.left-stats{z-index:1;border:1px solid var(--border);background:#0003;border-radius:12px;gap:0;margin-bottom:24px;display:flex;position:relative;overflow:hidden}.stat-item{border-right:1px solid var(--border);flex:1;padding:16px 20px}.stat-item:last-child{border-right:none}.stat-val{color:var(--green);letter-spacing:.5px;font-family:Bebas Neue,sans-serif;font-size:30px;line-height:1}.stat-lbl{text-transform:uppercase;letter-spacing:1.5px;color:var(--text3);margin-top:4px;font-size:10px;font-weight:600}.ranking-preview{z-index:1;border:1px solid var(--border);background:#00000040;border-radius:12px;padding:16px 20px;position:relative}.ranking-label{text-transform:uppercase;letter-spacing:2px;color:var(--green);align-items:center;gap:6px;margin-bottom:14px;font-size:10px;font-weight:700;display:flex}.ranking-label:before{content:"";background:var(--green);width:5px;height:5px;box-shadow:0 0 8px var(--green);border-radius:50%;animation:2s ease-in-out infinite dot-pulse}.rank-row{border-bottom:1px solid #ffffff08;align-items:center;gap:10px;padding:8px 0;animation:.5s both slideIn;display:flex}.rank-row:last-child{border-bottom:none;padding-bottom:0}.rank-row:nth-child(2){animation-delay:80ms}.rank-row:nth-child(3){animation-delay:.16s}.rank-row:nth-child(4){animation-delay:.24s}.rank-row:nth-child(5){animation-delay:.32s}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.rank-num{text-align:center;flex-shrink:0;width:24px;font-family:Bebas Neue,sans-serif;font-size:17px}.rank-num.g{color:var(--yellow)}.rank-num.s{color:#b8c4b8}.rank-num.b{color:#c08040}.rank-num.o{color:var(--text3)}.rank-av{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}.rank-info{flex:1;min-width:0}.rank-name{font-size:12px;font-weight:600}.rank-city{color:var(--text3);margin-top:1px;font-size:10px}.rank-pts{color:var(--green);letter-spacing:.5px;font-family:Bebas Neue,sans-serif;font-size:16px}.right{background:var(--r-bg);justify-content:center;align-items:center;padding:32px 52px;display:flex;position:relative;overflow-y:auto}.right:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 50% 60%,#00fd7e08 0%,#0000 100%);position:absolute;inset:0}.right:after{display:none}.login-card{z-index:1;opacity:0;width:100%;max-width:390px;transition:opacity .45s ease .1s, transform .45s var(--spring) .1s;position:relative;transform:translateY(16px)}.login-card.mounted{opacity:1;transform:translateY(0)}.badge{background:var(--r-yellow);color:#000;letter-spacing:1.5px;z-index:2;border-radius:3px;padding:6px 12px;font-family:Bebas Neue,sans-serif;font-size:12px;position:absolute;top:-14px;right:-14px;transform:rotate(3deg)}.auth-tabs{background:var(--r-s3);border:1px solid var(--r-outline);border-radius:4px;gap:2px;margin-bottom:22px;padding:3px;display:flex}.auth-tab{text-transform:uppercase;letter-spacing:1px;text-align:center;cursor:pointer;color:var(--r-t2);background:0 0;border:none;border-radius:2px;flex:1;padding:9px;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700;transition:background .12s,color .12s}.auth-tab.active{background:var(--r-green);color:#000}.auth-tab:disabled{opacity:.4;cursor:not-allowed}.login-title{color:var(--r-t1);margin-bottom:6px;font-family:Bebas Neue,sans-serif;font-size:44px;line-height:1}.login-desc{color:var(--r-t2);margin-bottom:18px;font-family:Manrope,sans-serif;font-size:13px;line-height:1.65}.features{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.feature-item{color:var(--r-t2);align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;display:flex}.feature-dot{background:var(--r-green);border-radius:0;flex-shrink:0;width:4px;height:12px}.error-msg,.success-msg{border-radius:4px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;display:flex}.error-msg{background:var(--r-error-bg);color:var(--r-error);border:1px solid #ff735133;animation:.35s shake}.success-msg{background:var(--r-success-bg);color:var(--r-success);border:1px solid #00fd7e33}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.form-fields{flex-direction:column;gap:14px;margin-bottom:18px;display:flex}.field-group{flex-direction:column;gap:6px;display:flex}.field-label-row{justify-content:space-between;align-items:center;display:flex}.field-label{text-transform:uppercase;letter-spacing:2px;color:var(--r-t3);font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700}.field-input{background:var(--r-s3);border:1px solid var(--r-outline);width:100%;color:var(--r-t1);border-radius:4px;outline:none;padding:11px 13px;font-family:Manrope,sans-serif;font-size:14px;transition:border-color .15s,background .15s}.field-input:focus{border-color:var(--r-green);background:var(--r-s4)}.field-input::placeholder{color:var(--r-t3)}.field-input:disabled{opacity:.4;cursor:not-allowed}.field-pwd-wrap{align-items:center;display:flex;position:relative}.field-pwd-wrap .field-input{padding-right:42px}.pwd-toggle{cursor:pointer;color:var(--r-t3);background:0 0;border:none;align-items:center;padding:4px;transition:color .12s;display:flex;position:absolute;right:10px}@media (hover:hover) and (pointer:fine){.pwd-toggle:hover{color:var(--r-t1)}}.forgot-link{text-transform:uppercase;letter-spacing:1.5px;color:var(--r-green);cursor:pointer;background:0 0;border:none;padding:0;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700;transition:opacity .12s}@media (hover:hover) and (pointer:fine){.forgot-link:hover{opacity:.7}}.forgot-link:disabled{opacity:.3;cursor:not-allowed}.btn-submit{background:linear-gradient(180deg, var(--r-green) 0%, #00d66a 100%);color:#000;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;width:100%;transition:background .15s ease, box-shadow .15s ease, transform .12s var(--ease-out);will-change:transform;border:1px solid #a6ffb6;border-radius:4px;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;padding:13px 20px;font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:900;display:flex;box-shadow:0 2px 8px #00fd7e33}@media (hover:hover) and (pointer:fine){.btn-submit:hover:not(:disabled){background:linear-gradient(180deg, #1aff8c 0%, var(--r-green) 100%);box-shadow:0 4px 12px #00fd7e4d}}.btn-submit:active:not(:disabled){transition-duration:80ms;transform:scale(.98)}.btn-submit:disabled{opacity:.4;cursor:not-allowed}.back-link{text-align:center;text-transform:uppercase;letter-spacing:1.5px;width:100%;color:var(--r-t2);cursor:pointer;background:0 0;border:none;margin-bottom:16px;padding:8px 0;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700;transition:color .12s;display:block}@media (hover:hover) and (pointer:fine){.back-link:hover{color:var(--r-t1)}}.back-link:disabled{opacity:.3;cursor:not-allowed}.loading-dots{gap:5px;display:flex}.loading-dots span{background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite bounce}.loading-dots span:nth-child(2){animation-delay:.14s}.loading-dots span:nth-child(3){animation-delay:.28s}@keyframes bounce{0%,80%,to{opacity:.35;transform:scale(.55)}40%{opacity:1;transform:scale(1)}}.security-row{justify-content:center;align-items:center;gap:20px;margin-bottom:18px;display:flex}.security-item{text-transform:uppercase;letter-spacing:1.5px;color:var(--r-t3);align-items:center;gap:5px;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700;display:flex}.security-item svg{opacity:.4;flex-shrink:0}.security-sep{background:var(--r-t3);border-radius:50%;width:3px;height:3px}.terms{color:var(--r-t3);text-align:center;font-family:Manrope,sans-serif;font-size:11px;line-height:1.6}.terms a{color:var(--r-green);text-decoration:none;transition:opacity .12s}@media (hover:hover) and (pointer:fine){.terms a:hover{opacity:.7}}@media (max-width:860px){body{overflow:auto}.page{grid-template-columns:1fr;min-height:100vh}.left{display:none}.right{align-items:flex-start;min-height:100vh;padding:56px 24px 32px;overflow-y:auto}}@media (prefers-reduced-motion:reduce){.login-card{opacity:1;transition:none;transform:none}.logo-dot,.ranking-label:before{animation:none}.rank-row{opacity:1;animation:none}.error-msg{animation:none}.btn-submit{transition:background .15s,box-shadow .15s}.btn-submit:active{transform:none}}