:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f5f5f5;background:#0e0e0e;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 12% 8%,#181818 0,transparent 48%)}main{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.brand{display:flex;align-items:center;gap:1px;color:#f5f5f5;font-size:32px;font-weight:800;text-decoration:none;letter-spacing:-1.5px;margin-bottom:36px}.brand span{color:#d4d4d4}.brand small{letter-spacing:2px;font-size:12px;font-weight:600;margin-left:14px;padding-left:15px;border-left:1px solid #444444}.card{background:#151515;border:1px solid #303030;border-radius:20px;width:100%;max-width:440px;padding:36px;box-shadow:0 18px 60px #f5f5f50a}.mark{width:42px;height:42px;display:grid;place-items:center;background:#202020;border-radius:12px;color:#eeeeee;font-size:26px;margin-bottom:24px}h1{font-size:28px;letter-spacing:-.8px;margin:0 0 8px}.intro{color:#a8a8a8;font-size:16px;margin:0 0 30px;line-height:1.5}label{display:block;font-size:14px;font-weight:600;margin:20px 0 8px}input{font:inherit;width:100%;height:48px;border:1px solid #404040;border-radius:8px;padding:0 13px;background:#0e0e0e;color:#f5f5f5}input:focus{outline:3px solid #555555;border-color:#d4d4d4}.password-field{position:relative}.password-field input{padding-right:72px}.password-field button{position:absolute;right:5px;top:5px;height:38px;border:0;background:transparent;color:#dddddd;font-weight:600;padding:0 10px;cursor:pointer}.submit{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:28px;background:#f5f5f5;color:#111111;border:0;border-radius:8px;height:49px;font:inherit;font-weight:600;padding:0 18px;cursor:pointer}.submit:hover{background:#d5d5d5}button:focus-visible,a:focus-visible{outline:3px solid #aaaaaa;outline-offset:3px}#status{font-size:14px;color:#aaaaaa;line-height:1.5;margin:18px 0 0}footer{font-size:14px;color:#999999;margin-top:28px;text-align:center}@media(max-width:480px){.card{padding:28px 24px}main{padding:24px 16px}.brand{margin-bottom:24px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s ease}}

.brand img{display:block;width:152px;height:auto}.brand small{margin-left:12px;padding-left:18px;color:#a8a8a8}

.card{box-shadow:0 0 30px rgba(76,175,119,.24),0 0 75px rgba(76,175,119,.15);border-color:#42604b}