.login-container{max-width:700px;margin:0 auto;padding:20px}h1{text-align:center;font-size:1.5rem;color:#111827;margin:40px auto 30px;font-weight:600}.login-error{background-color:#fee2e2;color:#b91c1c;padding:12px;border-radius:8px;font-size:.95rem;text-align:center;max-width:280px;margin:0 auto 20px}div.login-option{display:flex;justify-content:center;margin-bottom:16px}.login-option .pure-button{width:100%;max-width:280px;display:flex;align-items:center;justify-content:flex-start;padding:12px 16px;font-size:16px;font-weight:500;text-transform:none;border-radius:8px;background-color:#fff;color:#333;border:1px solid #d1d5db;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:background-color .2s,box-shadow .2s,border-color .2s;text-decoration:none}.login-option .pure-button:hover{background-color:#f9fafb;border-color:#9ca3af;box-shadow:0 4px 6px rgba(0,0,0,.05)}.logo{margin-right:12px;width:24px;height:24px}.bottom-link{position:static;margin:50px auto 40px;width:100%;text-align:center}.bottom-link a{color:#6b7280;text-decoration:none;font-size:.9rem;transition:color .2s}.bottom-link a:hover{color:#374151;text-decoration:underline}.login-divider{display:none}.login-subtitle{display:flex;align-items:center;justify-content:center;text-align:center;font-size:1rem;color:#6b7280;margin:32px 0;font-weight:400}.login-subtitle::after,.login-subtitle::before{content:"";flex:1;border-bottom:1px solid #e5e7eb;margin:0 15px;max-width:100px}.otp-container{max-width:280px;margin:0 auto;padding:0;background:0 0;border:none;box-shadow:none}.otp-container form{display:flex;flex-direction:column}.otp-container label{margin-bottom:8px;font-weight:500;color:#374151;font-size:.9rem}.otp-container input{margin-bottom:16px;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;width:100%;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.otp-container input:focus{border-color:#3b82f6;outline:0;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.otp-container button[type=submit].pure-button-primary{width:100%;padding:12px;font-size:16px;font-weight:600;border-radius:8px;background-color:#2563eb;color:#fff;border:none;cursor:pointer;text-align:center;justify-content:center;margin-top:4px!important;transition:background-color .2s;box-sizing:border-box}.otp-container button[type=submit].pure-button-primary:hover{background-color:#1d4ed8}.button-secondary{background-color:transparent!important;border:none!important;color:#6b7280!important;font-size:.9rem!important;padding:8px!important;width:100%;text-align:center;box-shadow:none!important;transition:color .2s;cursor:pointer;font-weight:500;margin-top:12px!important}.button-secondary:hover{color:#374151!important;text-decoration:underline}.otp-instruction{font-size:.9rem;color:#4b5563;margin-bottom:16px;display:block;line-height:1.4}.otp-status-message{font-size:.9rem;margin-top:12px;font-weight:500;min-height:20px;text-align:center}.otp-status-message.error{color:#dc2626}.otp-status-message.success{color:#16a34a}@media (max-width:600px){.otp-container{margin:0 auto;padding:0}}