*{box-sizing:border-box}body{margin:0;color:#eaf2ff;background:#0b1221;font:16px/1.55 system-ui,sans-serif;background-image:radial-gradient(ellipse at top right,#163a52,transparent 65%);min-height:100vh}main{max-width:760px;margin:auto;padding:40px 24px}header{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-weight:800;letter-spacing:.15em}.tag,.muted,footer{color:#a9b9ce}.tag{font-size:13px}h1{font-size:clamp(32px,6vw,52px);line-height:1.12;letter-spacing:-.04em;margin:58px 0 20px}.intro{max-width:480px;color:#bacce1}.card{background:#162238e6;border:1px solid #30415b;border-radius:24px;padding:28px;margin-top:32px;box-shadow:0 18px 60px #0003}h2{font-size:21px;margin:8px 0 18px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.label{font-size:12px;letter-spacing:.12em;color:#91accc}label{display:block;margin:12px 0}input{width:100%;padding:15px;background:#0d1728;border:1px solid #47617d;border-radius:12px;color:white;font-size:18px}button{width:100%;border:0;border-radius:12px;padding:17px;margin-top:18px;background:#76e2c6;color:#07392c;font-weight:750;font-size:17px;cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:3px}.small{font-size:13px}.message{padding:16px;border:1px solid #76e2c6;border-radius:12px}.logout{text-align:right}.secondary{width:auto;background:transparent;color:#adc1d9;padding:10px}footer{font-size:12px;margin:36px 0}@media(max-width:520px){main{padding:24px 18px}.grid{grid-template-columns:1fr}.tag{max-width:110px;text-align:right}.card{padding:22px}}