:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background-color:#f5f5f5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:600;color:#0ea5e9;text-decoration:none}a:hover{color:#0284c7}body{margin:0;min-width:320px;min-height:100vh;background-color:#f5f5f5}button{font-family:inherit}:root{color:#1f2937;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#f5f5f5}#root{max-width:960px;margin:0 auto;padding:2rem}.app{background:#fff;border-radius:12px;box-shadow:0 8px 20px #0000000d;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#0f172a;color:#f8fafc}.app-header nav{display:flex;gap:1rem}.app-header a{color:#e2e8f0;text-decoration:none;font-weight:600}.app-header a:hover{color:#38bdf8}.auth-controls{display:flex;align-items:center;gap:.75rem}.auth-controls button{background:#38bdf8;border:none;color:#0f172a;font-weight:700;padding:.5rem .75rem;border-radius:8px;cursor:pointer}.auth-controls button:hover{background:#0ea5e9}main{padding:1.5rem}.page-container{display:flex;flex-direction:column;gap:1rem}.form{display:flex;flex-direction:column;gap:1rem;background:#f8fafc;padding:1rem;border-radius:10px;border:1px solid #e2e8f0}.form label{display:flex;flex-direction:column;gap:.5rem;font-weight:600}.form input{padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:8px}.form button{align-self:flex-start;background:#0ea5e9;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-weight:700;cursor:pointer}.error{color:#b91c1c;background:#fee2e2;padding:.75rem;border-radius:8px;border:1px solid #fecaca}ul{padding-left:1.25rem}ul li{margin-bottom:.5rem}