:root{--bg:#07090b;--yellow:#ffd400;--text:#f5f7f8;--muted:#7d858a;--line:#d9dcda;--paper:#f6f6f3;--ink:#111315}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.shell{min-height:100vh;display:grid;grid-template-columns:minmax(380px,.88fr) minmax(560px,1.12fr)}.brand-panel{position:relative;padding:44px clamp(42px,5vw,80px);display:flex;flex-direction:column;background:radial-gradient(circle at 75% 60%,#292509 0,#0b0e10 33%,#050708 72%);border-right:1px solid #1d2327;overflow:hidden}.brand-panel:after{content:"";position:absolute;width:560px;height:560px;border:1px dashed #47452a;border-radius:50%;right:-250px;bottom:-210px;opacity:.55}.back{color:#a4adb2;text-decoration:none;font-size:13px;position:relative;z-index:2;width:max-content;transition:.2s}.back:hover{color:#fff;transform:translateX(-2px)}.identity{display:flex;align-items:center;gap:13px;margin-top:52px;position:relative;z-index:2}.identity img{width:60px;height:60px;border-radius:50%;object-fit:contain}.identity strong{display:block;font-size:21px;letter-spacing:-.02em}.identity b,.intro em{color:var(--yellow);font-style:normal}.identity span{display:block;margin-top:4px;font-size:9px;letter-spacing:.38em}.intro{margin:auto 0;max-width:560px;position:relative;z-index:2}.eyebrow{font-size:11px;font-weight:850;letter-spacing:.25em;color:var(--yellow)}h1{font-size:clamp(52px,5vw,78px);line-height:.96;letter-spacing:-.058em;margin:22px 0 26px}.intro>p:last-child{color:#b5bdc1;font-size:17px;line-height:1.55;max-width:510px}.security{display:flex;gap:12px;align-items:flex-start;position:relative;z-index:2;color:#e0e4e6}.security>span{color:var(--yellow);text-shadow:0 0 14px var(--yellow);font-size:13px;margin-top:2px}.security b,.security small{display:block}.security small{color:#858f95;margin-top:4px;font-size:12px}.login-panel{background:var(--paper);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:52px}.login-box{width:min(100%,600px)}.heading>span{font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2em;color:#7b7f80}.heading h2{font-size:44px;line-height:1.05;letter-spacing:-.045em;margin:12px 0 8px}.heading p{color:#73797d;margin:0 0 30px;font-size:15px;line-height:1.5}.status{display:flex;gap:11px;align-items:flex-start;margin:0 0 22px;padding:13px 14px;border-radius:10px;font-size:12px}.status.error{background:#fff0f0;border:1px solid #f1c7c7;color:#8d2727}.status>span{width:22px;height:22px;flex:0 0 22px;border-radius:50%;display:grid;place-items:center;background:#8d2727;color:#fff;font-weight:900}.status b,.status small{display:block}.status small{margin-top:2px;line-height:1.4;color:#a04444}form>label,.label-row label{display:block;font-size:12px;font-weight:800;margin:17px 0 7px}.label-row{display:flex;justify-content:space-between;align-items:end}.label-row a{font-size:11px;color:#555c60;text-decoration:none;font-weight:750;margin-bottom:7px}.label-row a:hover{color:#111;text-decoration:underline}input[name=identity],input[type=password]{width:100%;border:1px solid #d1d5d3;background:#fff;border-radius:11px;padding:15px 14px;font:inherit;outline:none;transition:border-color .18s,box-shadow .18s;margin:0}input:focus{border-color:#a88b00;box-shadow:0 0 0 3px rgba(255,212,0,.2)}.password{position:relative}.password input{padding-right:88px}.password button{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;font-size:11px;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:6px;color:#24282a;padding:7px}.eye{font-size:11px;color:#777}.options{display:flex;justify-content:space-between;align-items:center;margin:17px 0 22px;font-size:12px}.remember{display:flex;align-items:center;gap:8px;color:#555c60;cursor:pointer}.remember input{accent-color:#111;width:15px;height:15px}.submit{width:100%;border:0;border-radius:11px;background:#090b0d;color:#fff;padding:16px 18px;font-size:14px;font-weight:850;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:transform .15s,background .15s,opacity .15s}.submit:hover{background:#171b1e;transform:translateY(-1px)}.submit:disabled{opacity:.72;cursor:wait;transform:none}.submit-arrow{color:var(--yellow);font-size:17px}.submit.loading .submit-label:before{content:"";display:inline-block;width:12px;height:12px;margin-right:9px;border:2px solid #777;border-top-color:var(--yellow);border-radius:50%;vertical-align:-2px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.trust{display:flex;gap:12px;border-top:1px solid var(--line);margin-top:30px;padding-top:21px}.shield{width:27px;height:27px;border-radius:8px;background:#111;color:var(--yellow);display:grid;place-items:center;font-size:12px;font-weight:900;flex:0 0 27px}.trust b{font-size:12px}.trust p{font-size:11px;line-height:1.5;color:#777;margin:4px 0 0}footer{width:min(100%,600px);margin-top:34px;font-size:10px;color:#8a8f92}@media(max-width:900px){.shell{grid-template-columns:1fr}.brand-panel{min-height:360px;padding:30px}.intro{margin:58px 0}.security{display:none}.login-panel{padding:46px 24px}.identity{margin-top:36px}}@media(max-width:560px){.heading h2{font-size:36px}.brand-panel{min-height:315px}.intro{margin:40px 0}.intro h1{font-size:47px}.login-panel{padding:38px 20px}.label-row{align-items:center}}