:root{--pink:#ff2364;--purple:#8237ed;--line:rgba(164,174,215,.22)}*{box-sizing:border-box}body.login-page{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;color:#f6f6fc;background:#02030d url('/static/images/login-rewards-background-v2.png') center center/cover fixed no-repeat;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.background-shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(2,3,13,.23),rgba(2,3,13,.03) 50%,rgba(2,3,13,.2)),radial-gradient(ellipse 47% 67% at 50% 45%,transparent 10%,rgba(2,3,13,.27) 100%);z-index:0}.login-layout{position:relative;z-index:1;width:min(100%,1160px);min-height:100vh;margin:auto;padding:clamp(38px,6vh,72px) 18px 25px;display:flex;flex-direction:column;align-items:center}.brand-lockup{display:flex;align-items:center;gap:8px;margin-bottom:34px;filter:drop-shadow(0 0 16px rgba(255,33,123,.32))}.brand-note{width:46px;height:46px;overflow:visible;filter:drop-shadow(2px 1px #f5266e) drop-shadow(-2px -1px #1ed9e9)}.note-cyan{fill:#18d9e9}.note-pink{fill:#f62b72}.note-white{fill:#fff}.brand-text{display:flex;align-items:baseline;gap:5px;font-size:29px;letter-spacing:-1.5px}.brand-text b{color:#ff2e72;font-size:18px;letter-spacing:.1px}.brand-text span{font-weight:760}.auth-card{width:min(100%,570px);border:1px solid var(--line);border-radius:22px;padding:36px;background:linear-gradient(140deg,rgba(17,20,42,.95),rgba(7,9,24,.91));box-shadow:0 30px 75px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(15px)}.auth-header{text-align:center}.auth-header h1{margin:0;color:#f8f8fc;font-size:33px;letter-spacing:-1.25px;line-height:1.2}.auth-header em{font-style:normal;color:#ff3274}.auth-header p{max-width:390px;margin:13px auto 25px;color:#b1b1c2;font-size:14px;line-height:1.55}.server-message{margin:-8px 0 15px;border:1px solid rgba(255,70,119,.35);border-radius:9px;padding:10px 12px;background:rgba(255,37,103,.1);color:#ff9bb8;font-size:13px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(147,157,197,.19);margin-bottom:23px}.auth-tab{position:relative;border:0;padding:12px;background:transparent;color:#8f91a6;font:600 16px inherit;cursor:pointer}.auth-tab:after{content:"";height:2px;position:absolute;right:50%;bottom:-1px;left:50%;background:linear-gradient(90deg,var(--pink),var(--purple));transition:left .24s ease,right .24s ease}.auth-tab.active{color:#ff4380}.auth-tab.active:after{left:0;right:0}.auth-form{display:none;gap:14px;animation:form-in .28s ease}.auth-form.active{display:grid}.field{position:relative;display:block}.field input{height:61px;width:100%;padding:0 50px 0 54px;border:1px solid #282d45;border-radius:11px;outline:none;background:#151827;color:#f8f9fe;font:400 16px inherit;transition:border-color .2s,box-shadow .2s}.field input::placeholder{color:#85899d}.field input:focus{border-color:#be3ac9;box-shadow:0 0 0 3px rgba(182,46,192,.13)}.field.invalid input{border-color:#ff527e}.field small{display:block;min-height:0;padding:0 2px;color:#ff8aa7;font-size:12px}.field.invalid small{padding-top:6px}.field-icon,.password-toggle,.phone-icon{position:absolute;z-index:1;top:20px;width:22px;height:22px;color:#a3a7ba}.field-icon{left:18px}.field-icon:before,.field-icon:after{content:"";position:absolute}.user-icon:before{width:8px;height:8px;left:7px;border:1.7px solid currentColor;border-radius:50%}.user-icon:after{width:15px;height:8px;bottom:1px;left:3px;border:1.7px solid currentColor;border-radius:9px 9px 3px 3px}.lock-icon:before{width:14px;height:11px;left:3px;bottom:2px;border:1.7px solid currentColor;border-radius:3px}.lock-icon:after{width:8px;height:8px;left:6px;top:1px;border:1.7px solid currentColor;border-bottom:0;border-radius:7px 7px 0 0}.mail-icon:before{inset:4px 1px;top:5px;border:1.7px solid currentColor;border-radius:3px}.mail-icon:after{width:10px;height:10px;left:5px;top:5px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(45deg)}.phone-field-icon:before{width:12px;height:19px;left:4px;top:1px;border:1.7px solid currentColor;border-radius:3px}.phone-field-icon:after{width:3px;height:3px;left:9px;bottom:2px;border-radius:50%;background:currentColor}.password-toggle{right:16px;top:18px;border:0;background:transparent;cursor:pointer}.password-toggle:before{content:"";position:absolute;width:18px;height:12px;left:2px;top:5px;border:1.7px solid #a3a7ba;border-radius:100% 0;transform:rotate(45deg)}.password-toggle:after{content:"";position:absolute;width:5px;height:5px;left:8px;top:9px;border:1.5px solid #a3a7ba;border-radius:50%}.password-toggle.revealed:before{border-radius:50%}.forgot-link{justify-self:end;margin-top:-3px;color:#ff4d85;font-size:13px}.forgot-link:hover{text-decoration:underline}.submit-button{position:relative;height:61px;margin-top:9px;border:0;border-radius:11px;overflow:hidden;background:linear-gradient(105deg,#ff1c60,#c824a2 52%,#7831e8);box-shadow:0 12px 24px rgba(197,25,128,.24);color:white;font:700 17px inherit;cursor:pointer;transition:transform .2s,filter .2s,box-shadow .2s}.submit-button:hover{transform:translateY(-1px);filter:brightness(1.1);box-shadow:0 15px 29px rgba(231,30,133,.36)}.submit-button:active{transform:translateY(1px)}.submit-button:disabled{cursor:wait;opacity:.7}.spinner{display:none;width:17px;height:17px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.submit-button.loading span{display:none}.submit-button.loading .spinner{display:inline-block}.divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;margin:18px 0 8px;color:#aaaebf;font-size:13px}.divider:before,.divider:after{content:"";height:1px;background:#2b3044}.divider.compact{margin:19px 0}.social-row{display:flex;justify-content:center;gap:26px}.social{display:grid;place-items:center;width:48px;height:48px;border:1px solid #2a2e44;border-radius:50%;background:#171a2a;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.social svg{width:26px;height:26px}.live-social svg{width:29px;height:29px}.social:hover{transform:translateY(-2px);border-color:#7340ce;box-shadow:0 8px 17px rgba(0,0,0,.25)}.phone-mode{display:flex;align-items:center;gap:12px;width:100%;height:61px;padding:0 17px;border:1px solid #282d45;border-radius:11px;background:#161a2b;color:#d8d9e4;text-align:left;font:400 15px inherit;cursor:pointer;transition:border-color .2s,background .2s}.phone-mode:hover{border-color:#574a92;background:#1a1d31}.phone-mode b{margin-left:auto;font-size:29px;color:#b7b9c9;font-weight:300}.phone-icon{position:relative;top:auto;left:auto;display:inline-block;flex:0 0 17px;width:17px;height:24px;border:1.6px solid #a9aec1;border-radius:3px}.phone-icon:after{content:"";position:absolute;bottom:2px;left:6px;width:3px;height:3px;border-radius:50%;background:#a9aec1}.demo-hint{margin:16px 0 0;text-align:center;color:#8b8fa5;font-size:12px}.demo-hint b{font-weight:600;color:#c3c5d2}.feature-row{display:flex;justify-content:center;gap:clamp(32px,6vw,75px);width:100%;margin:clamp(28px,5vh,50px) 0 20px}.feature-row article{display:flex;align-items:center;gap:11px;min-width:155px}.feature-row b,.feature-row span{display:block}.feature-row b{font-size:13px}.feature-row span{margin-top:3px;color:#b0b1c4;font-size:11px}.feature-icon{position:relative;display:block;width:42px;height:42px;flex:0 0 42px;border-radius:11px;background:linear-gradient(145deg,rgba(78,48,147,.32),rgba(35,26,74,.55));border:1px solid rgba(116,76,194,.2)}.feature-icon:before,.feature-icon:after{content:"";position:absolute}.shield:before{width:16px;height:18px;left:12px;top:10px;border:2px solid #b651ff;border-radius:9px 9px 12px 12px}.shield:after{width:6px;height:3px;left:17px;top:19px;border-left:2px solid #d46cff;border-bottom:2px solid #d46cff;transform:rotate(-45deg)}.present:before{width:19px;height:15px;left:11px;top:15px;border:2px solid #c05aff;border-radius:2px}.present:after{width:2px;height:20px;left:20px;top:10px;background:#c05aff;box-shadow:-5px -4px 0 -1px #c05aff,5px -4px 0 -1px #c05aff}.bolt:before{width:11px;height:21px;left:15px;top:10px;background:#c259ff;clip-path:polygon(55% 0,100% 0,63% 42%,100% 42%,23% 100%,38% 54%,0 54%)}footer{margin-top:auto;color:#a9aabc;font-size:12px}.toast{position:fixed;z-index:5;bottom:24px;left:50%;max-width:calc(100% - 32px);padding:12px 16px;border:1px solid rgba(255,112,163,.35);border-radius:10px;background:#20233a;color:#fff;font-size:14px;box-shadow:0 14px 30px rgba(0,0,0,.32);opacity:0;transform:translate(-50%,16px);transition:.22s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes form-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:800px){body.login-page{background-attachment:scroll;background-position:center center}.feature-row{gap:18px}.feature-row article{min-width:0}.feature-row article div{display:none}}@media(max-width:520px){body.login-page{background-position:center center}.background-shade{background:linear-gradient(90deg,rgba(2,3,13,.18),rgba(2,3,13,.08),rgba(2,3,13,.2)),linear-gradient(rgba(2,3,13,.09),rgba(2,3,13,.2))}.login-layout{padding:33px 14px 18px}.brand-lockup{margin-bottom:23px}.brand-note{width:42px;height:42px}.brand-text{font-size:27px}.auth-card{padding:25px 20px;border-radius:19px}.auth-header h1{font-size:27px}.auth-header p{font-size:13px}.feature-row{margin:27px 0 22px}.feature-row article{display:block}.feature-icon{margin:auto}.feature-row b{margin-top:7px;text-align:center;font-size:10px}.feature-row span{display:none}}@media(max-height:800px) and (min-width:521px){.login-layout{padding-top:28px}.brand-lockup{margin-bottom:20px}.auth-card{padding-top:25px;padding-bottom:25px}.feature-row{margin:22px 0 15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}