body { width:100%; font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; }
    * { box-sizing:border-box; }
    .screen-unused {
      position:relative; isolation:isolate; overflow:hidden; width:100%; padding:56px 22px 36px;
      border-radius:18px; display:grid; place-items:center; color:#261d21;
      background:radial-gradient(ellipse at 12% 18%,rgba(113,207,55,.13),transparent 42%),radial-gradient(ellipse at 95% 30%,rgba(120,22,44,.24),transparent 45%),linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 100%),linear-gradient(180deg,#0f141a,#141c24);
      background-size:auto,auto,32px 32px,auto;
    }
    .login-card { width:min(100%,440px); background:#fff; border:1px solid #e4e5e7; border-radius:28px; box-shadow:0 28px 70px rgba(0,0,0,.34); overflow:hidden; }
    .login-top { padding:30px 32px 0; text-align:center; }
    .logo-frame { background:#080a08; border-radius:14px; padding:9px 12px; margin:0 auto; max-width:302px; }
    .logo { display:block; width:100%; height:auto; }
    .subtitle { margin:19px 0 22px; color:#706e75; font-size:14px; line-height:1.6; font-weight:400; }
    .divider { height:1px; background:linear-gradient(90deg,transparent,#e0e2e6 12%,#e0e2e6 88%,transparent); }
    .login-form { padding:3px 32px 28px; margin:0; }
    .field { display:block; margin-top:20px; }
    .label-unused { display:block; margin-bottom:8px; font-size:13px; line-height:1.4; font-weight:700; color:#453940; }
    .input-wrap { display:flex; position:relative; align-items:center; }
    .field-icon { position:absolute; left:15px; width:18px; height:18px; color:#8d8c93; pointer-events:none; }
    .login-input { appearance:none; width:100%; min-width:0; height:54px; border:1px solid #e8e8ec; border-radius:16px; background:#f7f7fa; padding:0 49px 0 45px; font-family:inherit; font-size:16px; line-height:1.4; color:#261d21; transition:background .15s,border-color .15s,box-shadow .15s; }
    .login-input::placeholder { color:#96939b; opacity:1; }
    .login-input:focus { border-color:#71cf37; background:#fff; box-shadow:0 0 0 3px rgba(113,207,55,.16); }
    .password-toggle { position:absolute; right:5px; display:grid; place-items:center; width:44px; height:44px; border:0; border-radius:12px; background:transparent; color:#776d72; }
    .password-toggle:hover { background:#ececef; }
    .password-toggle svg { width:19px; height:19px; }
    .login-submit { width:100%; min-height:54px; display:flex; align-items:center; justify-content:center; gap:11px; margin-top:25px; padding:14px 18px; border:0; border-radius:16px; background:linear-gradient(135deg,#3a0b14,#5a1828); box-shadow:0 10px 23px rgba(58,11,20,.19); color:#fff; font-family:inherit; font-size:15px; line-height:1.4; font-weight:750; }
    .login-submit:hover { background:linear-gradient(135deg,#4c1020,#702037); }
    .login-submit svg { width:18px; height:18px; }
    @media(max-width:480px) {
      .screen-unused { padding:56px 12px 24px; border-radius:14px; }
      .login-card { border-radius:22px; }
      .login-top { padding:25px 20px 0; }
      .login-form { padding:2px 20px 24px; }
      .subtitle { font-size:13px; }
    }
    @media(prefers-reduced-motion:reduce) { .login-input { transition:none; } }
  
html{color-scheme:light}body{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:32px 16px;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#261d21;background:radial-gradient(ellipse at 12% 18%,rgba(113,207,55,.13),transparent 42%),radial-gradient(ellipse at 95% 30%,rgba(120,22,44,.24),transparent 45%),linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 100%),linear-gradient(180deg,#0f141a,#141c24);background-size:auto,auto,32px 32px,auto}*{box-sizing:border-box}.logo-frame img{display:block;width:100%;height:auto}.field label{display:block;margin-bottom:8px;font-size:13px;font-weight:700;line-height:1.4}.login-form button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #71cf37;outline-offset:3px}.login-input:focus{outline:2px solid transparent}.form-message{padding:12px 14px;background:#eff6e9;color:#315927;border-radius:10px;font-size:13px;line-height:1.6;margin:18px 0 0}.error{color:#8d2333}.form-message.error{background:#faebed}.setup{width:min(100%,540px)}.setup h1{font-size:25px;margin:24px 0 0}.requirements{padding:12px 16px 12px 30px;border-radius:12px;background:#f5f7f2;font-size:13px;line-height:2;list-style:none}.requirements .ok{color:#3a6b30}.setup-input{width:100%;height:48px;padding:12px;border:1px solid #e0e1e5;border-radius:12px;font:inherit}.setup-input:focus{outline:2px solid #71cf37}button:disabled{opacity:.45;cursor:not-allowed}a{color:#4d6d38}@media(max-width:480px){body{padding:24px 12px}}