#loginView[hidden],.top-auth-button[hidden]{display:none!important}
.top-auth-button{min-height:36px;padding:7px 13px;border:1px solid #6c8aa54d;border-radius:5px;background:transparent;color:#c8d8e6;font-size:12px;cursor:pointer}
.top-auth-button:hover,.top-auth-button:focus-visible{border-color:#5eead4;color:#5eead4}
#loginView{min-height:calc(100vh - 72px);max-width:1350px;margin:auto;padding:56px clamp(24px,5vw,72px);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,430px);align-items:center;gap:clamp(32px,6vw,100px)}
#loginView .hero-copy{max-width:650px}
#loginView .eyebrow{color:#7adfce;font-size:11px;font-weight:700}
#loginView .hero-copy h1{margin:20px 0;color:#f3fbff;font-size:56px;line-height:1.17;font-weight:760;letter-spacing:0}
#loginView .hero-copy h1 span{color:#77dcc9}
#loginView .hero-copy>p{max-width:510px;margin:0;color:#b9ccd6;font-size:16px;line-height:1.85}
#loginView .hero-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
#loginView .point{padding:7px 10px;border:1px solid #7eabc233;border-radius:4px;background:#ffffff08;color:#c6dae1;font-size:12px}
#loginView .login-card{padding:29px;border:1px solid #86aac540;border-radius:8px;background:#0d1a2bf0;box-shadow:0 24px 65px #0006;backdrop-filter:blur(16px)}
#loginView .login-head{margin-bottom:23px}
#loginView .login-head h2{margin:7px 0 5px;color:#f4fafb;font-size:26px;line-height:1.3}
#loginView .login-head p{margin:0;color:#a8bfcb;font-size:13px}
#loginView .mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;margin-bottom:21px;padding:4px;border:1px solid #7aa7c533;border-radius:5px;background:#081423}
#loginView .mode-tabs button{min-height:39px;border:0;border-radius:4px;background:transparent;color:#a6bfca;font-size:13px;cursor:pointer}
#loginView .mode-tabs button[aria-selected=true]{background:#234452;color:#f1fffb}
#loginView .field{display:grid;gap:7px;margin-bottom:15px}
#loginView .field label{color:#c4d9e1;font-size:12px}
#loginView .field input{width:100%;height:44px;padding:0 12px;border:1px solid #7294ab55;border-radius:5px;outline:0;background:#081523;color:#f4fafb;font:inherit;font-size:13px}
#loginView .field input::placeholder{color:#7e99a8}
#loginView .field input:focus{border-color:#73d6c6;box-shadow:0 0 0 3px #5eead41c}
#loginView .form-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 19px;color:#a9beca;font-size:12px}
#loginView .check{display:flex;align-items:center;gap:6px;cursor:pointer}
#loginView .check input{accent-color:#5eead4}
#loginView .link{padding:0;border:0;background:transparent;color:#7adfce;font:inherit;cursor:pointer}
#loginView .submit,#loginView .demo{width:100%;min-height:44px;border-radius:5px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
#loginView .submit{display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:#7be0ce;color:#082331}
#loginView .submit:hover{background:#a2eddf}
#loginView .demo{margin-top:9px;border:1px solid #6f90a666;background:transparent;color:#d0e5e8}
#loginView .demo:hover{border-color:#7be0ce;color:#7be0ce}
#loginView .form-message{min-height:17px;margin:10px 0 0;color:#ffb1b8;font-size:12px;line-height:1.5}
#loginView .login-note{margin:16px 0 0;padding-top:14px;border-top:1px solid #ffffff18;color:#9bb4c0;font-size:11px;line-height:1.6}
#loginView button:focus-visible,.top-auth-button:focus-visible{outline:2px solid #9df0df;outline-offset:2px}
@media(max-width:950px){#loginView{grid-template-columns:1fr;max-width:620px;padding-top:38px}#loginView .login-card{order:0}#loginView .hero-copy{order:1}#loginView .hero-copy h1{font-size:42px}}
@media(max-width:600px){#loginView{padding:24px 16px 42px}#loginView .login-card{padding:20px}#loginView .hero-copy{display:none}.top-auth-button{padding:6px 9px}}