:root{--bg:#f8f9fa;--card-bg:#fff;--text-main:#1a1a1a;--text-muted:#666;--primary:#111;--primary-hover:#333;--border:#e5e5e5;--error:#ef4444;--success:#10b981;--ring:#0000000d;--shadow:0 4px 20px #0000000a;--radius:16px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;display:flex}.container{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:480px;margin:0 auto;padding:40px 20px;display:flex}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);padding:40px}.title{text-align:center;letter-spacing:-.5px;margin-bottom:8px;font-size:24px;font-weight:600}.subtitle{color:var(--text-muted);text-align:center;margin-bottom:32px;font-size:14px;line-height:1.5}.form-group{margin-bottom:20px}.label{color:var(--text-main);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.input,.select{border:1px solid var(--border);-webkit-appearance:none;background:#fff;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.input:focus,.select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.file-upload{border:2px dashed var(--border);text-align:center;cursor:pointer;border-radius:12px;padding:32px;transition:all .2s}.file-upload:hover{border-color:var(--text-muted);background:#fafafa}.file-info{color:var(--text-muted);margin-top:8px;font-size:12px}.btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px;font-size:14px;font-weight:500;transition:background .2s}.btn:hover{background:var(--primary-hover)}.btn:disabled{opacity:.7;cursor:not-allowed}.btn-google{color:var(--text-main);border:1px solid var(--border);background:#fff;justify-content:center;align-items:center;gap:10px;display:flex}.btn-google:hover{background:#f5f5f5;border-color:#d5d5d5}.error-msg{color:var(--error);margin-top:6px;font-size:13px}.success-msg{color:#065f46;text-align:center;background:#ecfdf5;border-radius:8px;margin-top:16px;padding:12px;font-size:14px}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;margin:0 auto;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}