@font-face{font-family:SF Pro Display;src:url(/fonts/SF-Pro-Display-Medium.woff2) format("woff2");font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box;font-family:SF Pro Display;font-weight:400}:root{--bg-dark: #000000;--bg-card: #ffffff;--text-dark: #000000;--text-light: #ffffff;--text-gray: #8e8e93;--border-light: #e5e5ea;--border-dark: #1c1c1e;--shadow: rgba(0, 0, 0, .1);--transition: all .2s ease}body{font-family:SF Pro Display;font-weight:600;background:var(--bg-dark);color:var(--text-light);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-container{width:100%;max-width:420px}.auth-card{background:var(--bg-card);border-radius:16px;padding:3rem 2.5rem;box-shadow:0 20px 40px var(--shadow)}h1{font-family:SF Pro Display;font-size:2rem;font-weight:400;margin-bottom:.5rem;text-align:center;color:var(--text-dark);letter-spacing:-.5px}.subtitle{color:var(--text-gray);text-align:center;margin-bottom:2.5rem;font-family:SF Pro Display;font-size:.9375rem;font-weight:400}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:var(--text-dark);color:var(--text-light);border:none;border-radius:12px;font-size:.9375rem;font-weight:400;font-family:SF Pro Display;cursor:pointer;transition:var(--transition)}.google-btn:hover{background:#1c1c1e;transform:translateY(-1px)}.google-btn:active{transform:translateY(0)}.divider{display:flex;align-items:center;margin:2rem 0;color:var(--text-gray);font-family:SF Pro Display;font-size:.875rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border-light)}.divider span{padding:0 1rem}form{font-family:SF Pro Display;display:flex;flex-direction:column;gap:1rem}input{width:100%;padding:1rem;background:#f5f5f7;border:1px solid transparent;border-radius:12px;color:var(--text-dark);font-family:SF Pro Display;font-size:1rem;transition:var(--transition)}input:focus{outline:none;background:#fff;border-color:var(--text-dark)}input::placeholder{color:var(--text-gray)}.primary-btn{width:100%;padding:1rem;background:var(--text-dark);color:var(--text-light);border:none;border-radius:12px;font-family:SF Pro Display;font-size:.9375rem;font-weight:500;cursor:pointer;transition:var(--transition);margin-top:.5rem}.primary-btn:hover{background:#1c1c1e;transform:translateY(-1px)}.primary-btn:active{transform:translateY(0)}.primary-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-links{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem;text-align:center}.auth-links a{color:var(--text-dark);text-decoration:none;font-family:SF Pro Display;font-size:.9375rem;transition:var(--transition);font-weight:400}.auth-links a:hover{color:var(--text-gray)}.error-message,.success-message{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:1rem 1.5rem;border-radius:12px;font-family:SF Pro Display;font-weight:500;font-size:.9375rem;animation:slideUp .3s ease-out;z-index:1000;max-width:90%;box-shadow:0 10px 30px var(--shadow)}.error-message,.success-message{background:#000;color:#fff}.hidden{display:none!important}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@media (max-width: 480px){.auth-card{padding:2rem 1.5rem}h1{font-size:1.75rem}}html.light{--bg-dark: #f9f9f9;--bg-card: #000000;--text-dark: #ffffff;--text-light: #000000}html.light .google-btn:hover{background:#2a2a2a}html.light input{background:#1a1a1a;color:#fff}html.light input:focus{background:#2a2a2a;border-color:#fff}html.light .primary-btn:hover{background:#2a2a2a}html.light .auth-links a{color:#fff}