*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif}button,input{font-family:inherit}.page{background-color:#f4f6f8;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background-color:#fff;border:1px solid #ddd;border-radius:10px;width:100%;max-width:360px;padding:32px;box-shadow:0 4px 12px #00000014}.auth-card h1{color:#222;text-align:center;margin:0 0 8px;font-size:30px}.subtitle{color:#666;text-align:center;margin:0 0 24px;font-size:14px}.form-group{margin-bottom:16px}.form-group label{color:#333;margin-bottom:6px;font-size:14px;font-weight:600;display:block}.form-group input{box-sizing:border-box;width:100%;font:inherit;border:1px solid #ccc;border-radius:6px;padding:11px 12px}.form-group input:focus{border-color:#2563eb;outline:2px solid #bfdbfe}.submit-button{color:#fff;width:100%;font:inherit;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;margin-top:4px;padding:11px;font-weight:600}.submit-button:hover{background-color:#1d4ed8}.submit-button:disabled{cursor:not-allowed;opacity:.65}.status{text-align:center;border-radius:5px;margin:0 0 14px;padding:9px;font-size:14px}.error{color:#b91c1c;background-color:#fee2e2}.success{color:#166534;background-color:#dcfce7}.switch-text{color:#666;text-align:center;margin:20px 0 0;font-size:14px}.switch-button{color:#2563eb;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.switch-button:hover{text-decoration:underline}.home-page{background-color:#f4f6f8;min-height:100vh}.navbar{color:#fff;background-color:#2563eb;justify-content:space-between;align-items:center;padding:16px 8%;display:flex}.navbar h2{margin:0}.navbar button{color:#2563eb;cursor:pointer;background-color:#fff;border:none;border-radius:5px;padding:8px 16px;font-weight:600}.home-content{text-align:center;max-width:600px;margin:80px auto;padding:40px 20px}.home-content h1{color:#222;margin-bottom:12px}.home-content p{color:#666}.user-email{font-size:14px}