h2{color:#333;margin-bottom:20px}label{font-size:1rem;color:#555;display:block;margin-bottom:10px;text-align:left}input[type=email],input[type=text]{width:100%;padding:10px;font-size:1rem;border:1px solid #ddd;border-radius:8px;margin-bottom:20px;box-sizing:border-box}input[type=email]:focus,input[type=text]:focus{border-color:#4caf50;outline:none}button{background-color:#4caf50;color:#fff;padding:12px 20px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .3s;display:flex;align-items:center;justify-content:center}button:disabled{background-color:#9e9e9e;cursor:not-allowed}.error{color:#e74c3c;font-size:14px;margin-top:10px}.success{color:#2ecc71;font-size:16px;margin-top:20px}main{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;background-color:#f5f5f5}.centered{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;max-width:500px;padding:0 15px;box-sizing:border-box}.auth-container{background-color:#fff;padding:30px 40px;border-radius:10px;box-shadow:0 4px 8px #0000001a;width:100%;text-align:center;max-width:100%}.otp-section{display:flex;flex-direction:column;align-items:center}.otp-boxes{display:flex;justify-content:space-between;margin:20px 0}.otp-input{width:50px;height:50px;font-size:24px;text-align:center;margin:5px;border:1px solid #ccc;border-radius:4px}.register-btn,.verify-btn,.resend-btn{text-decoration:none;width:100%;padding:10px;margin:10px 0;background-color:#4caf50;color:#fff;border:none;cursor:pointer;font-size:16px;border-radius:4px}.register-btn:hover,.verify-btn:hover,.resend-btn:hover{background-color:#45a049}.register-btn:hover,.verify-btn:hover{background-color:#2563eb}.register-link{text-decoration:none;color:#007bff}.register-link:hover{text-decoration:underline}.resend-btn{background-color:#10b981;color:#fff;padding:12px 24px;border:none;border-radius:6px;font-size:16px;cursor:pointer;width:100%;margin-top:12px;transition:background-color .3s ease}.resend-btn:disabled{background-color:#d1d5db;cursor:not-allowed}.resend-btn:hover:enabled{background-color:#059669}.spinner{border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;width:20px;height:20px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button[disabled]{pointer-events:none;opacity:.5}.loading{color:gray;font-style:italic}.success-container{display:flex;flex-direction:column;align-items:center;background-color:#f9fff0;padding:30px 40px;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:500px;width:100%;text-align:center}.success-container h2{color:#4caf50;font-size:24px;margin-bottom:20px}.success-message{font-size:18px;color:#333;margin-bottom:15px}.return-btn{padding:10px 20px;font-size:16px;background-color:#4caf50;color:#fff;border:none;cursor:pointer;border-radius:4px;transition:background-color .3s ease}.return-btn:hover{background-color:#45a049}@media screen and (max-width: 768px){.auth-container{padding:20px 30px}h2{font-size:1.5rem}label,button,input[type=email],input[type=text]{font-size:1rem}button{padding:10px 15px;font-size:14px}}@media screen and (max-width: 480px){.auth-container{padding:15px 20px}h2{font-size:1.25rem}label,button,input[type=email],input[type=text]{font-size:.875rem}button{padding:8px 12px;font-size:12px}}@media screen and (max-width: 360px){.auth-container{padding:10px 15px}h2{font-size:1rem}label,button,input[type=email],input[type=text]{font-size:.75rem}button{padding:6px 10px;font-size:10px}}