:root{--bg-1: #f3f6ed;--bg-2: #f6f8f1;--bg-3: #eef3e4;--text-1: #1a1a1a;--text-2: #6b7280;--brand-1: #b7e63a;--brand-2: #0b1f3b;--border-soft: #e5e7eb;font-family:Inter,Poppins,sans-serif;line-height:1.5;font-weight:400;color:var(--text-1);background-color:var(--bg-2);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 8% -10%,#d7eef7 0%,transparent 36%),radial-gradient(circle at 96% 14%,#eef8bf 0%,transparent 32%),linear-gradient(160deg,var(--bg-1) 0%,var(--bg-2) 52%,var(--bg-3) 100%);color:var(--text-1)}h1{font-size:2em;line-height:1.1}.app{max-width:1280px;margin:0 auto;padding:2rem}.app-header{text-align:center;margin-bottom:2rem}.app-logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.app-logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.card{width:100%;max-width:100%;box-sizing:border-box;background:#ffffffe6;border-radius:18px;padding:1.25rem;border:1px solid var(--border-soft);box-shadow:0 18px 40px #031e3614}.button{background:var(--brand-1);color:#fff;padding:.75rem 2rem;border:none;border-radius:12px;font-weight:700;cursor:pointer;margin-right:8px;margin-bottom:.5rem;transition:background .2s}.button:hover,.button:focus{background:#0c6178}.input{width:100%;border:1px solid var(--border-soft);border-radius:8px;padding:.75rem;font-size:1.1rem;margin-bottom:1.1rem}.auth-page{background-color:#eee;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:48px 16px 0}.login-container{width:100%;max-width:550px;box-sizing:border-box}.login-logo{height:80px;display:block;margin:0 auto 32px}.auth-toggle{text-align:center;margin-top:10px}.auth-toggle span{color:var(--brand-1);cursor:pointer;text-decoration:underline}.form-message{margin-top:16px;color:#944}@media (max-width: 480px){.card{padding:1.25rem}}#root{width:100%;min-height:100vh}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.app{padding:1rem}.app-logo{height:4em;padding:1em}}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}