@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:#0f0f0f;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem 1rem;font-family:Inter,sans-serif;display:flex}.app{justify-content:center;width:100%;display:flex}.box{width:100%;max-width:380px}.logo{color:#444;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.8rem;font-weight:500;display:flex}.logo svg{color:#666}.msg{border:1px solid;border-radius:8px;margin-bottom:1.5rem;padding:.7rem 1rem;font-size:.82rem}.msg.success{color:#4ade80;background:#0a1f12;border-color:#14532d}.msg.error{color:#f87171;background:#1f0a0a;border-color:#7f1d1d}form h2{color:#fff;letter-spacing:-.02em;margin-bottom:1.75rem;font-size:1.4rem;font-weight:600}label{color:#555;letter-spacing:.04em;text-transform:uppercase;flex-direction:column;gap:.4rem;margin-bottom:1rem;font-size:.75rem;font-weight:500;display:flex}input{color:#e0e0e0;text-transform:none;background:#161616;border:1px solid #222;border-radius:8px;outline:none;padding:.75rem .9rem;font-family:Inter,sans-serif;font-size:.9rem;transition:border-color .15s}input:focus{border-color:#444}input::placeholder{color:#333}.btn{color:#0f0f0f;cursor:pointer;background:#fff;border:none;border-radius:8px;width:100%;margin-top:.5rem;padding:.75rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:opacity .15s}.btn:hover{opacity:.9}.btn:disabled{opacity:.3;cursor:not-allowed}.btn-outline{color:#666;background:0 0;border:1px solid #222;margin-top:.75rem;font-weight:400}.btn-outline:hover{color:#ccc;opacity:1;border-color:#444}.switch{color:#444;text-align:center;margin-top:1.5rem;font-size:.8rem}.switch button{color:#888;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;font-size:.8rem;text-decoration:underline}.profile{flex-direction:column;align-items:center;gap:.5rem;padding:1rem 0;display:flex}.avatar{color:#fff;background:#1e1e1e;border:1px solid #2a2a2a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:.5rem;font-size:1.3rem;font-weight:600;display:flex}.profile h2{color:#fff;font-size:1rem;font-weight:600}.email{color:#555;font-size:.8rem}.role{color:#555;text-transform:uppercase;letter-spacing:.06em;border:1px solid #222;border-radius:20px;margin-top:.25rem;padding:2px 10px;font-size:.68rem}