@keyframes slideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:linear-gradient(160deg,#005f73 0,#003d4a 100%);min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;color:#1f2d33}.login-container{background:#fff;border-radius:24px;box-shadow:0 10px 40px rgba(0,0,0,.18);overflow:hidden;width:100%;max-width:420px;animation:slideUp .4s ease-out}.login-header{background:#fff;color:#1f2d33;padding:32px 30px 24px;text-align:center;border-bottom:1px solid #eef2f3}.login-logo{max-width:200px;width:80%;height:auto;max-height:80px;object-fit:contain;margin:0 auto 18px;display:block}.login-header h1{font-size:22px;font-weight:700;margin-bottom:5px;color:#005f73}.login-header p{font-size:14px;color:#6c7f86}.login-body{padding:36px 30px}.step{display:none}.step.active{display:block}.form-group{margin-bottom:22px}.form-group label{display:block;margin-bottom:7px;color:#1f2d33;font-weight:600;font-size:14px}.form-group input{width:100%;padding:13px 15px;border:2px solid #dfe6e8;border-radius:10px;font-size:16px;transition:border-color .2s,background .2s,box-shadow .2s;background:#f7f9fa;color:#1f2d33}.form-group input:focus{outline:0;border-color:#005f73;background:#fff;box-shadow:0 0 0 3px rgba(0,95,115,.12)}.email-display{font-size:14px;color:#37505a;margin-bottom:20px;padding:10px 14px;background:#eef6f7;border-radius:8px;display:flex;align-items:center;justify-content:space-between}.btn-primary,.email-display button{border:0;font-weight:600;cursor:pointer}.email-display button{background:0 0;color:#005f73;font-size:13px;min-height:32px}.btn-primary{width:100%;padding:15px;background:#005f73;color:#fff;border-radius:12px;font-size:16px;transition:background .2s,box-shadow .2s;letter-spacing:.3px;min-height:50px}.btn-primary:hover{background:#004756;box-shadow:0 6px 18px rgba(0,95,115,.28)}.btn-primary:active{background:#003d4a}.btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.alert{padding:13px 15px;margin-bottom:18px;border-radius:10px;font-size:14px;font-weight:500}.alert-error{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}.alert-success{background:#e6f4ef;color:#0b5c46;border:1px solid #94d2bd}.alert-info{background:#eef6f7;color:#005f73;border:1px solid #b9dbe1}.otp-input{text-align:center;font-size:28px;font-weight:700;letter-spacing:12px;color:#005f73}.resend-link{text-align:center;margin-top:14px;font-size:13px;color:#6c7f86}.forgot-link,.resend-link a{color:#005f73;font-weight:600;text-decoration:none}.resend-link a{cursor:pointer}.forgot-link:hover,.resend-link a:hover{text-decoration:underline}.forgot-link{display:block;text-align:right;margin:-12px 0 20px;font-size:13px;padding:6px 0}a.btn-primary{display:flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box}.field-hint{margin:6px 0 0;font-size:12px;color:#6c7f86}.account-delete .ad-title{font-size:15px;color:#1f2d33;margin:18px 0 8px}.account-delete .ad-list,.account-delete .ad-text{margin:0 0 12px 20px;font-size:14px;color:#3d4f56;line-height:1.55}.account-delete .ad-list li{margin-bottom:4px}.account-delete .ad-text{margin:0 0 16px}.account-delete .ad-list a,.account-delete .ad-text a,.login-footer a{color:#005f73}.account-delete .ad-textarea{width:100%;box-sizing:border-box;padding:12px 14px;border:1.5px solid #d5e1e4;border-radius:10px;font:inherit;font-size:15px;resize:vertical}.account-delete .ad-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#1f2d33;margin:0 0 18px}.account-delete .ad-check input{margin-top:3px;width:18px;height:18px;flex:0 0 auto}.btn-primary.btn-danger{background:#b42318}.btn-primary.btn-danger:hover{background:#912018;box-shadow:0 6px 18px rgba(180,35,24,.25)}.login-switch{text-align:center;margin-top:16px;font-size:14px;color:#3d4f56}.login-switch a{color:#005f73;font-weight:600;text-decoration:none}.divider{display:flex;align-items:center;margin:28px 0;color:#8b9ba1;font-size:14px}.divider::after,.divider::before{content:"";flex:1;height:1px;background:#e4eaec}.divider span{padding:0 14px}.social-buttons{display:flex;flex-direction:column;gap:10px}.social-btn{width:100%;padding:12px 18px;border:2px solid #dfe6e8;border-radius:10px;background:#fff;color:#1f2d33;font-size:14px;font-weight:500;cursor:pointer;transition:border-color .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px}.social-btn:hover{box-shadow:0 4px 10px rgba(0,0,0,.08);border-color:#b9c7cb}.social-btn.facebook{color:#1877f2;border-color:#1877f2}.social-btn.facebook:hover{background:#1877f2;color:#fff}.social-btn.apple{color:#000;border-color:#000}.social-btn.apple:hover{background:#000;color:#fff}.login-footer{padding:18px 30px;background:#f7f9fa;text-align:center;color:#8b9ba1;font-size:13px;border-top:1px solid #e4eaec}@media (max-width:480px){body{padding:0;align-items:stretch}.login-container{max-width:none;border-radius:0;box-shadow:none;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;animation:none}.login-header{padding:calc(28px + env(safe-area-inset-top,0)) 20px 22px;border-bottom:none}.login-body{padding:8px 20px 24px;flex:1}.login-footer{padding-bottom:calc(18px + env(safe-area-inset-bottom,0));background:#fff;border-top:none}}.login-help{margin-top:28px;padding:16px 18px;background:#f7f9fa;border:1px solid #e4eaec;border-radius:12px}.login-help__title{font-size:14px;font-weight:700;color:#005f73;margin-bottom:6px}.login-help__text{font-size:13px;line-height:1.55;color:#4a6169}.login-help__link{display:inline-block;margin-top:12px;font-size:13px;font-weight:600;color:#005f73;text-decoration:none;min-height:44px;line-height:32px}.login-help__link:hover{text-decoration:underline}