:root{font-family:Inter,Segoe UI,sans-serif;color:#0f172a;background-color:#f8fafc}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,#dbeafe 0%,transparent 44%),radial-gradient(circle at bottom left,#e2e8f0 0%,transparent 40%),#f8fafc;color:#0f172a}.container{min-height:100dvh;display:flex;align-items:stretch;justify-content:center;padding:.5rem}.ui-card{width:100%;max-width:560px;min-height:calc(100dvh - 1rem);margin:0;background:#fffffff7;border:1px solid #e2e8f0;border-radius:1rem;padding:1rem 1rem 1.25rem;box-shadow:0 10px 28px #0f172a14;display:flex;flex-direction:column;gap:.9rem}.brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem;margin-bottom:.25rem}.brand-logo{width:clamp(72px,22vw,96px);height:auto;object-fit:contain}.header-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.25rem}.title{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.subtitle{margin:.25rem 0 0;color:#64748b;font-size:.82rem}.form-stack{display:flex;flex-direction:column;gap:.75rem}.form-block{margin-top:auto;margin-bottom:auto}.install-footer{margin-top:auto;padding-top:.5rem;display:flex;flex-direction:column;gap:.35rem;justify-content:center;align-items:center}.install-hint{text-align:center;margin:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:60}.modal-card{width:min(100%,420px);background:#fff;border:1px solid #e2e8f0;border-radius:.875rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.modal-title{margin:0;font-size:1rem;font-weight:700}.modal-steps{display:flex;flex-direction:column;gap:.5rem;font-size:.86rem;color:#334155}.modal-steps p{margin:0}.ui-label{font-size:.8rem;font-weight:600;color:#475569;letter-spacing:.01em}.ui-input{width:100%;min-height:2.75rem;border:1px solid #d1d5db;border-radius:.625rem;padding:.65rem .75rem;font-size:.95rem;background:#fff;color:#0f172a;transition:border-color .14s ease,box-shadow .14s ease}.ui-input:focus{outline:none;border-color:#94a3b8;box-shadow:0 0 0 3px #94a3b833}.ui-input:disabled{background:#f1f5f9;color:#94a3b8}.ui-select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;padding-right:.75rem}.ui-button{min-height:2.75rem;border:1px solid transparent;border-radius:.625rem;font-weight:600;font-size:.9rem;letter-spacing:.01em;padding:.15rem .85rem;transition:transform .12s ease,filter .12s ease,opacity .12s ease}.ui-button-default{background:#111827;color:#fff}.ui-button-ghost{background:#f8fafc;color:#0f172a;border-color:#e2e8f0}.ui-button:not(:disabled):active{transform:scale(.99)}.ui-button:not(:disabled):hover{filter:brightness(1.04)}.ui-button:disabled{opacity:.62}.error{margin:.25rem 0 0;color:#b91c1c;font-weight:700;font-size:.9rem}.success{margin:0;border-radius:.625rem;padding:.75rem;background:#ecfdf5;border:1px solid #86efac;color:#166534;font-size:.88rem;font-weight:600}.hint{margin:-.3rem 0 .1rem;color:#64748b;font-size:.82rem}@media (min-width: 720px){.container{align-items:center;padding:1rem}.ui-card{min-height:min(860px,calc(100dvh - 2rem));padding:1.4rem 1.4rem 1.6rem}.title{font-size:1.45rem}}