:root{--dark:#222831;--medium-dark:#393e46;--accent:#948979;--light:#dfd0b8;--surface:#f4ecdd;--surface-2:#ebe0cc;--primary:var(--accent);--secondary:var(--medium-dark);--success:#0e9f6e;--danger:#d92d20;--radius-xl:20px;--radius-md:10px;--shadow:0 25px 50px -20px #22283173, 0 10px 20px -12px #22283159;color:var(--dark);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DisketMono,Courier New,Courier,monospace}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 20%,#94897933,#0000 40%),radial-gradient(circle at 80% 70%,#393e4624,#0000 50%),linear-gradient(150deg,#f7f0e5 0%,#dfd0b8 100%);min-height:100vh;margin:0}#root{min-height:100vh}.auth-page{place-items:center;width:100%;min-height:100vh;padding:1.25rem;display:grid}.auth-card{border-radius:var(--radius-xl);background:var(--surface);width:min(100%,480px);box-shadow:var(--shadow);border:1px solid #393e461f;padding:2rem}.brand-logo{object-fit:contain;width:68px;height:68px;margin:0 0 .6rem;display:block}.eyebrow{color:var(--secondary);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.72rem;font-weight:700}h1{margin:.5rem 0;font-size:clamp(1.55rem,3.5vw,2rem)}.subtitle{color:var(--secondary);margin:0 0 1.25rem}.auth-form{flex-direction:column;gap:.75rem;display:flex}.auth-form label{font-size:.88rem;font-weight:700}.auth-form input{border-radius:var(--radius-md);color:var(--dark);background:var(--surface-2);border:1px solid #393e4647;padding:.8rem .9rem;font-family:inherit;font-size:1rem}.auth-form input:focus{border-color:var(--primary);outline-offset:1px;outline:2px solid #94897959}.auth-form button{border-radius:var(--radius-md);color:var(--light);background:var(--secondary);cursor:pointer;border:none;margin-top:.35rem;padding:.85rem 1rem;font-family:inherit;font-size:1rem;font-weight:700;transition:background-color .18s ease-in-out}.auth-form button:hover{background:var(--primary)}.auth-form button:disabled{opacity:.75;cursor:not-allowed}.message{border-radius:var(--radius-md);margin:1rem 0 0;padding:.75rem .9rem;font-size:.92rem}.message.success{color:var(--success);background:#ecfdf3}.message.error{color:var(--danger);background:#fef3f2}.form-footer{margin:1rem 0 0;font-size:.9rem}.form-footer a{color:var(--dark);font-weight:700}