:root{--green: #0f5132;--green-mid: #198754;--green-soft: #d1e7dd;--red: #b02a37;--text: #1c1f23;--muted: #5c636a;--bg: #f4f6f5;--card: #ffffff;--border: #dee2e6;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}h1{font-size:1.6rem;margin:0 0 .4rem}h2{font-size:1.25rem;margin:0 0 .4rem}.page{max-width:960px;margin:0 auto;padding:16px}.center-page{min-height:100vh;display:grid;place-items:center;padding:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:16px;width:100%}.login-card{max-width:420px;display:flex;flex-direction:column;gap:14px}.brand{color:var(--green);font-weight:700;font-size:1.3rem}.muted{color:var(--muted);margin:0}.small{font-size:.85rem}.error{color:var(--red);margin:0;font-weight:600}.field{display:flex;flex-direction:column;gap:6px;font-weight:600}.field input{font-size:1.1rem;padding:14px;border:1px solid var(--border);border-radius:10px;width:100%}.field input:focus{outline:3px solid var(--green-soft);border-color:var(--green-mid)}.password-row{display:flex;gap:8px}.btn{position:relative;overflow:hidden;border:none;border-radius:10px;padding:12px 18px;font-size:1rem;font-weight:600;cursor:pointer}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--green-mid);color:#fff}.btn-light{background:#e9ecef;color:var(--text)}.btn-big{padding:16px;font-size:1.15rem}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.next-step{margin-top:14px;padding:12px 14px;background:var(--green-soft);border-radius:10px}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:16px}.tile{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px 12px;text-align:center;font-weight:600;display:flex;flex-direction:column;gap:4px}.tile-disabled{color:var(--muted)}.log-list{list-style:none;padding:0;margin:12px 0 0}.log-list li{padding:10px 0;border-bottom:1px solid var(--border)}.overlay{position:fixed;inset:0;background:#00000073;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:100}.overlay-text{color:#fff;font-weight:600;font-size:1.1rem}.spinner{width:56px;height:56px;border-radius:50%;border:6px solid rgba(255,255,255,.25);border-top-color:#ffc107;border-right-color:#20c997;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.celebrate{overflow:hidden;cursor:pointer}.celebrate-card{background:#fff;border-radius:18px;padding:28px 24px;text-align:center;max-width:360px;margin:0 16px;animation:pop .4s ease-out}.celebrate-card h2{color:var(--green-mid);font-size:1.7rem}.confetti{position:absolute;top:-20px;width:10px;height:16px;border-radius:2px;animation:fall 2.6s linear forwards}@keyframes fall{to{transform:translateY(110vh) rotate(540deg)}}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:480px){:root{font-size:17px}.tiles{grid-template-columns:repeat(2,1fr)}}