.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f7f7fa}.auth-container{width:100%;max-width:400px;margin:auto}.auth-card{background:#fff;border-radius:16px;box-shadow:0 2px 16px rgba(0,0,0,.08);padding:32px 24px;margin:32px 0}.auth-header{text-align:center;margin-bottom:24px}.auth-title{font-size:1.5rem;font-weight:700;margin-bottom:8px}.auth-subtitle{color:#888;font-size:1rem}.auth-form{margin-top:16px}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:500}.input-wrapper{display:flex;align-items:center}.form-input{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:1rem;outline:none;transition:border .2s}.form-input:focus{border-color:#3b82f6}.verification-code{letter-spacing:4px;text-align:center;font-size:1.2rem}.auth-btn{width:100%;padding:12px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:8px;transition:background .2s}.auth-btn.loading{background:#60a5fa;cursor:wait}.auth-btn:disabled{background:#a5b4fc;cursor:not-allowed}.form-options{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.forgot-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.95rem;text-decoration:underline;padding:0}.error-message{color:#ef4444;background:#fee2e2}.error-message,.success-message{display:flex;align-items:center;border-radius:8px;padding:8px 12px;margin-bottom:12px;font-size:.98rem}.success-message{color:#22c55e;background:#dcfce7}.auth-footer{text-align:center;margin-top:24px;color:#888;font-size:.98rem}.auth-link{color:#3b82f6;text-decoration:underline;font-weight:500}