@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:16px;height:16px;border:2px solid currentColor;border-top:transparent;border-radius:50%;animation:spin 1s linear infinite}.confetti{position:absolute;width:10px;height:10px;background:#10b981;animation:confetti-fall 3s linear infinite}.confetti:nth-child(2n){background:#3b82f6;animation-delay:.2s}.confetti:nth-child(3n){background:#f59e0b;animation-delay:.4s}.confetti:nth-child(4n){background:#ef4444;animation-delay:.6s}.confetti:nth-child(5n){background:#8b5cf6;animation-delay:.8s}@keyframes confetti-fall{0%{transform:translateY(-100px) rotate(0);opacity:1}to{transform:translateY(500px) rotate(720deg);opacity:0}}#deviceConfirmationModal .modal{animation:confirmationSlideIn .3s ease-out}@keyframes confirmationSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.success-checkmark{display:inline-block;animation:checkmark-pop .3s ease-out}@keyframes checkmark-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.footer{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:2rem 0;margin-top:4rem;text-align:center;color:var(--text-secondary);transition:background-color var(--duration-slow) ease,border-color var(--duration-slow) ease,color var(--duration-slow) ease}@media (max-width: 768px){.container{padding:0 1rem}.hero h1{font-size:2.5rem}.cta-buttons{flex-direction:column;align-items:center}.nav-links{gap:.5rem}.nav-links button{padding:.5rem 1rem;font-size:.8rem}.section{padding:2rem}.tiers-grid{grid-template-columns:1fr}.content-area{padding:2rem 1rem 1rem}.plans-section{display:none!important}.plans-section.show{display:block!important}}@media (max-width: 768px){.support-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}.support-card{padding:1.5rem}.support-icon{width:50px;height:50px;font-size:1.25rem;margin-bottom:1rem}.support-card h3{font-size:1.1rem;margin-bottom:.75rem}.support-card p{font-size:.9rem;margin-bottom:1.25rem;line-height:1.5}.support-btn{padding:.75rem 1.25rem;font-size:.9rem;gap:.5rem}}@media (max-width: 768px){.modal-overlay{padding:.5rem;padding-top:max(.5rem,env(safe-area-inset-top));padding-bottom:max(.5rem,env(safe-area-inset-bottom))}.modal,.otp-modal,.success-modal{padding:1.5rem;width:100%;max-width:none;border-radius:16px;max-height:85vh;overflow-y:auto}#deviceConfirmationModal .modal{padding:1.5rem;max-height:80vh;overflow-y:auto}.login-tab{font-size:.7rem;padding:.5rem .25rem}.form-input{padding:.75rem;font-size:16px}.submit-btn{padding:.875rem;font-size:.9rem}#deviceConfirmationModal .device-warning{padding:.75rem;margin:.75rem 0;border-radius:8px}#deviceConfirmationModal .device-warning p{font-size:.85rem;margin-bottom:.5rem;line-height:1.3}#deviceConfirmationModal .device-warning li{font-size:.8rem;padding:.25rem 0;line-height:1.2}#deviceConfirmationModal .warning-box{padding:.5rem;margin-top:.5rem;border-radius:6px}#deviceConfirmationModal .warning-box strong{font-size:.9rem;line-height:1.2}#deviceConfirmationModal .confirmation-buttons{margin-top:1rem;gap:.5rem;flex-direction:column}#deviceConfirmationModal .confirmation-buttons button{padding:.75rem 1rem;font-size:.85rem;width:100%;border-radius:6px}}@media (max-width: 480px){.support-grid{grid-template-columns:1fr;gap:1rem;margin-top:1rem}.support-card{padding:1.25rem;border-radius:16px}.support-icon{width:45px;height:45px;font-size:1.1rem;margin-bottom:.75rem}.support-card h3{font-size:1rem;margin-bottom:.5rem}.support-card p{font-size:.85rem;margin-bottom:1rem;line-height:1.4}.support-btn{padding:.65rem 1rem;font-size:.85rem}.plans-section{display:none!important}.plans-section.show{display:block!important}.modal-overlay{padding:.25rem;padding-top:max(.25rem,env(safe-area-inset-top));padding-bottom:max(.25rem,env(safe-area-inset-bottom))}.modal,.otp-modal,.success-modal{padding:1.25rem;border-radius:12px;max-height:80vh}#deviceConfirmationModal .modal{padding:1.25rem;max-height:75vh}#deviceConfirmationModal .modal h2{font-size:1rem;margin-bottom:.75rem}#deviceConfirmationModal .device-warning{padding:.5rem;margin:.5rem 0}#deviceConfirmationModal .device-warning p{font-size:.8rem;margin-bottom:.4rem}#deviceConfirmationModal .device-warning li{font-size:.75rem;padding:.2rem 0}#deviceConfirmationModal .warning-box{padding:.4rem;margin-top:.4rem}#deviceConfirmationModal .warning-box strong{font-size:.85rem}#deviceConfirmationModal .confirmation-buttons button{padding:.65rem .75rem;font-size:.8rem}.modal h2{font-size:1.25rem;margin-bottom:1rem}}@media (max-height: 600px) and (orientation: landscape){.modal-overlay{padding:.5rem .25rem .25rem;align-items:flex-start}.modal,.otp-modal,.success-modal{max-height:70vh;padding:1rem}#deviceConfirmationModal .modal{max-height:65vh;padding:1rem}.modal h2{font-size:1.1rem;margin-bottom:.75rem}#deviceConfirmationModal .device-warning{padding:.75rem;margin:.75rem 0}#deviceConfirmationModal .confirmation-buttons{margin-top:1rem}}@media (max-height: 500px){.modal-overlay{align-items:flex-start;padding-top:.25rem}.modal,.otp-modal,.success-modal{max-height:85vh;padding:.75rem}#deviceConfirmationModal .modal{max-height:80vh;padding:.75rem}}html{scroll-behavior:smooth}*:focus{outline:2px solid #3b82f6;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-contrast: high){.modal,.btn-primary,.btn-secondary,.btn-tertiary{border:2px solid #000}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.login-nav-btn-support{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;cursor:pointer;color:#fff;font-weight:600;padding:.6rem 1.2rem;border-radius:50px;box-shadow:0 4px 15px #3b82f64d;font-size:.9rem;transition:transform .3s ease,box-shadow .3s ease}.login-nav-btn-support:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.login-nav-btn-guide{background:linear-gradient(135deg,#10b981,#059669);border:none;cursor:pointer;color:#fff;font-weight:600;padding:.6rem 1.2rem;border-radius:50px;box-shadow:0 4px 15px #10b9814d;font-size:.9rem;transition:transform .3s ease,box-shadow .3s ease}.login-nav-btn-guide:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.tier-price-period{font-size:1rem;font-weight:400;color:#64748b}.otp-subtitle{color:#64748b;margin-bottom:1.5rem}.otp-resend-text{font-size:.875rem;color:#64748b}.success-title{color:#15803d;margin-bottom:1rem}.success-subtitle{color:#64748b;margin-bottom:1.5rem}.success-credentials-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.success-credentials-box h3{color:#15803d;margin-bottom:1rem}.success-credential-row{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.5rem}.success-credential-label{color:#64748b;font-weight:600}.success-credential-value{color:#15803d;font-weight:600}.success-credential-pin{color:#15803d;font-weight:600;font-size:1.2rem;letter-spacing:.1rem}.success-passkey-notice{margin-top:1rem;padding:.5rem;background:#e6fffa;border-radius:6px;font-size:.85rem;color:#0d9488}.guide-modal-title{text-align:center;margin-bottom:2rem}.guide-intro{margin-bottom:2rem}.guide-intro p{text-align:center;color:#64748b}.guide-steps{margin-bottom:2rem}.guide-step{background:#f8fafc;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.guide-step--green{border-left:4px solid #10b981}.guide-step--blue{border-left:4px solid #1e40af}.guide-step-header{display:flex;align-items:center;margin-bottom:1rem}.guide-step-number{color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:1rem}.guide-step-number--green{background:linear-gradient(135deg,#10b981,#059669)}.guide-step-number--blue{background:linear-gradient(135deg,#1e40af,#1e3a8a)}.guide-step-title{margin:0;color:#1e293b}.guide-step-text{color:#64748b;margin-bottom:1rem}.guide-step-btn{color:#fff;padding:.5rem 1rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.guide-step-btn--green{background:linear-gradient(135deg,#10b981,#059669)}.guide-step-btn--blue{background:linear-gradient(135deg,#1e40af,#1e3a8a)}.login-inline-guide-btn{color:#fff;text-decoration:none;font-size:1rem;font-weight:700;padding:.5rem 1rem;border:2px solid transparent;border-radius:8px;background:linear-gradient(135deg,#10b981,#059669);transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 2px 8px #10b9814d;cursor:pointer}.login-inline-guide-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.login-pin-row{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.guide-modal-body{max-width:800px;max-height:90vh;overflow-y:auto}