*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#000;max-width:800px;min-height:100vh;margin:0 auto;padding:2rem;font-family:system-ui,-apple-system,sans-serif}h1{margin-bottom:.5rem;font-size:1.5rem;font-weight:500}.subtitle{color:#888;margin-bottom:2rem;font-size:.875rem}.login-card{background:#111;border:1px solid #333;border-radius:8px;max-width:360px;margin:4rem auto 0;padding:2rem}.login-card h2{margin-bottom:1.5rem;font-size:1rem;font-weight:500}.field{flex-direction:column;gap:.375rem;margin-bottom:1rem;display:flex}.field label{color:#888;font-size:.8125rem}.field input{color:#fff;background:#000;border:1px solid #333;border-radius:6px;outline:none;padding:.625rem .75rem;font-size:.875rem}.field input:focus{border-color:#666}.btn-primary{color:#000;cursor:pointer;background:#fff;border:none;border-radius:6px;width:100%;margin-top:.5rem;padding:.625rem;font-size:.875rem}.btn-primary:hover{background:#ccc}.btn-primary:disabled{color:#666;cursor:not-allowed;background:#333}.divider{color:#555;align-items:center;gap:.75rem;margin:1.25rem 0;font-size:.75rem;display:flex}.divider:before,.divider:after{content:"";background:#333;flex:1;height:1px}.btn-microsoft{color:#fff;cursor:pointer;background:#000;border:1px solid #555;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.625rem;font-size:.875rem;display:flex}.btn-microsoft:hover{background:#111;border-color:#aaa}.btn-offline{color:#9aa4b0;cursor:pointer;background:0 0;border:1px solid #333;border-radius:6px;width:100%;margin-top:.75rem;padding:.625rem;font-size:.8125rem}.btn-offline:hover{color:#cbd3dc;border-color:#555}.btn-offline:disabled{opacity:.5;cursor:default}.error-msg{color:#f87171;margin-top:.75rem;font-size:.8125rem;display:none}