@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');:root{--primary:#0D4257;--primary-dark:#092F40;--primary-deeper:#072534;--surface:#F5F5F5;--text-primary:#FFFFFF;--text-secondary:#FFFFFF;--text-dark:#1C1C1C;--error:#E74C3C;--button-disabled:#8EAAB5;--input-bg:#0A3648;--avatar-ring:#1A5568}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;font-family:'Montserrat',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--primary)}.app{width:100%;height:100%;position:relative;overflow:hidden}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.4s cubic-bezier(0.4,0,0.2,1);will-change:transform,opacity}.screen.hidden-right{transform:translateX(100%);opacity:0;pointer-events:none}.screen.hidden-left{transform:translateX(-30%);opacity:0;pointer-events:none}.screen.active{transform:translateX(0);opacity:1;pointer-events:auto}.screen-welcome{background:linear-gradient(180deg,var(--primary-dark) 0%,var(--primary) 50%,#0E4A5E 100%)}.welcome-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 24px}.welcome-logo-area{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.logo-icon{width:130px;height:130px;position:relative;margin-bottom:16px}.logo-icon svg{width:100%;height:100%}.logo-text{text-align:center}.logo-text .brand{font-size:36px;font-weight:800;color:var(--text-primary);letter-spacing:4px;display:block;line-height:1.1}.logo-text .sub{font-size:24px;font-weight:500;color:#FFFFFF;display:block;margin-top:0px;letter-spacing:1.5px}.welcome-message{color:var(--text-secondary);font-size:16px;text-align:center;margin-top:80px;margin-bottom:32px}.welcome-buttons{width:100%;display:flex;flex-direction:column;gap:14px}.btn{width:100%;height:56px;border-radius:12px;border:none;font-family:inherit;font-size:17px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform 0.15s ease,box-shadow 0.15s ease;position:relative;overflow:hidden}.btn:active{transform:scale(0.97)}.btn-primary{background:#FFFFFF;color:var(--primary)}.btn-secondary{background:rgba(255,255,255,0.92);color:var(--primary)}.btn-disabled{background:var(--button-disabled);color:rgba(255,255,255,0.8);cursor:default;pointer-events:none}.version-text{color:var(--text-secondary);font-size:13px;margin-top:32px;opacity:0.7;padding-bottom:24px}.screen-login{background:linear-gradient(180deg,var(--primary-dark) 0%,var(--primary) 50%,#0E4A5E 100%)}.screen-header{height:56px;display:flex;align-items:center;padding:0 20px;padding-top:env(safe-area-inset-top,16px);margin-top:16px;position:relative;flex-shrink:0}.back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:transparent;border-radius:50%;transition:background 0.2s;z-index:2}.back-btn:active{background:rgba(255,255,255,0.1)}.back-btn svg{width:24px;height:24px;color:var(--text-primary)}.header-title-area{position:absolute;left:50%;transform:translateX(-50%);text-align:center}.header-title-area .brand{font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:2px;display:block;line-height:1.15}.header-title-area .sub{font-size:14px;font-weight:500;color:var(--text-secondary);display:block;letter-spacing:0.5px}.header-title-dark{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:1.5px;position:absolute;left:60px;right:20px;text-align:center}.login-content{flex:1;display:flex;flex-direction:column;padding:0 24px}.avatar-section{display:flex;flex-direction:column;align-items:center;margin-top:60px;margin-bottom:48px}.avatar-circle{width:110px;height:110px;border-radius:50%;background:var(--primary-deeper);border:3px solid var(--avatar-ring);display:flex;align-items:center;justify-content:center}.avatar-circle svg{width:50px;height:50px;color:#6B9AA8;opacity:0.7}.login-label{color:var(--text-primary);font-size:14px;font-weight:700;letter-spacing:2px;margin-top:14px}.input-field{width:100%;height:56px;border-radius:12px;border:none;background:var(--input-bg);color:var(--text-primary);font-family:inherit;font-size:16px;padding:0 20px;outline:none;transition:box-shadow 0.2s}.input-field::placeholder{color:var(--text-secondary);font-weight:400}.input-field:focus{box-shadow:0 0 0 2px rgba(255,255,255,0.15)}.login-form{display:flex;flex-direction:column;gap:14px}.faceid-row{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:8px}.faceid-text{color:var(--text-secondary);font-size:14px;font-weight:500}.toggle{width:50px;height:30px;background:rgba(255,255,255,0.15);border-radius:15px;cursor:pointer;position:relative;transition:background 0.3s;border:none;padding:0;flex-shrink:0}.toggle.active{background:#4CAF50}.toggle-knob{width:26px;height:26px;background:#e0e0e0;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 1px 4px rgba(0,0,0,0.2)}.toggle.active .toggle-knob{transform:translateX(20px);background:#fff}.login-bottom{margin-top:auto;padding:0 24px 28px}.bottom-links{display:flex;justify-content:space-between}.bottom-link{color:var(--text-primary);font-size:14px;font-weight:700;cursor:pointer;background:none;border:none;font-family:inherit;padding:8px 0}.screen-card-data{background:var(--surface)}.screen-card-data::before{content:'';display:block;background:var(--primary);height:env(safe-area-inset-top,16px);min-height:16px;flex-shrink:0}.card-header{height:56px;display:flex;align-items:center;padding:0 20px;background:var(--primary);position:relative;flex-shrink:0}.card-header .back-btn svg{color:var(--text-primary)}.card-data-content{flex:1;display:flex;flex-direction:column;padding:0 24px}.card-data-instruction{text-align:center;color:var(--text-dark);font-size:16px;line-height:1.5;padding:28px 8px 0;margin-bottom:32px}.card-data-instruction strong{font-weight:700;color:#0a3d4d}.card-input-group{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.card-input-wrap{position:relative}.input-field-light{width:100%;height:56px;border-radius:12px;border:2px solid #ddd;background:#FFFFFF;color:var(--text-dark);font-family:inherit;font-size:16px;padding:0 20px;outline:none;transition:border-color 0.2s}.input-field-light::placeholder{color:#999;font-weight:400}.input-field-light:focus{border-color:var(--primary)}.input-field-light.has-error{border-color:var(--error)}.input-field-light:disabled{background:#e9ecee;color:#666;border-color:#ddd}.input-error-msg{color:var(--error);font-size:13px;font-weight:500;margin-top:4px;padding-left:8px;display:none}.input-error-msg.visible{display:block}.cvv-wrap{position:relative}.cvv-help-btn{position:absolute;right:14px;top:16px;width:24px;height:24px;border-radius:50%;border:1.5px solid #bbb;background:none;color:#999;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.cvv-help-btn:active{background:#eee}.cvv-tooltip{position:absolute;right:0;top:60px;z-index:50;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity 0.2s ease,transform 0.2s ease}.cvv-tooltip.visible{opacity:1;transform:translateY(0);pointer-events:auto}.cvv-tooltip-arrow{position:absolute;right:18px;top:-6px;width:12px;height:12px;background:#fff;border:1px solid #ddd;border-right:none;border-bottom:none;transform:rotate(45deg)}.cvv-tooltip-card{background:#fff;border:1px solid #ddd;border-radius:12px;padding:16px;width:220px;box-shadow:0 4px 20px rgba(0,0,0,0.12)}.cvv-card-illustration{background:linear-gradient(135deg,#3a3a4a 0%,#2a2a36 100%);border-radius:8px;padding:0;margin-bottom:12px;overflow:hidden;height:72px;display:flex;flex-direction:column;justify-content:center}.cvv-card-strip{width:100%;height:20px;background:#1a1a22;margin-bottom:10px}.cvv-card-sign-row{display:flex;align-items:center;gap:8px;padding:0 12px}.cvv-card-sign{flex:1;height:18px;background:repeating-linear-gradient(90deg,#ccc 0px,#ccc 2px,#ddd 2px,#ddd 5px);border-radius:2px}.cvv-card-digits{font-family:'Montserrat',monospace;font-size:13px;font-weight:700;color:#ff4444;letter-spacing:2px;background:rgba(255,68,68,0.12);padding:2px 6px;border-radius:3px}.cvv-tooltip-text{font-size:12px;color:#555;line-height:1.4;text-align:center}.card-data-bottom{margin-top:auto;padding:0 24px 28px}.screen-sms{background:var(--surface)}.screen-sms::before{content:'';display:block;background:var(--primary);height:env(safe-area-inset-top,16px);min-height:16px;flex-shrink:0}.sms-header{height:56px;display:flex;align-items:center;padding:0 20px;background:var(--primary);position:relative;flex-shrink:0}.sms-header .back-btn svg{color:var(--text-primary)}.sms-instruction{text-align:center;color:var(--primary);font-size:16px;line-height:1.5;padding:28px 24px 0;margin-bottom:28px}.sms-section{padding:0 24px;margin-bottom:24px}.sms-section-label{font-size:13px;font-weight:700;color:var(--primary);letter-spacing:1px;margin-bottom:8px;display:flex;align-items:center;gap:8px}.sms-section-label .info-icon{width:18px;height:18px;border-radius:50%;border:1.5px solid #aaa;display:flex;align-items:center;justify-content:center;font-size:11px;color:#aaa;font-weight:700;font-style:italic;flex-shrink:0}.sms-phone-masked{font-size:18px;color:#bbb;padding:8px 0;letter-spacing:1px}.sms-divider{width:100%;height:1px;background:#ddd;margin-bottom:24px}.sms-code-section{padding:0 24px}.sms-code-box{background:#FFFFFF;border-radius:20px;padding:20px 16px;display:flex;align-items:center;justify-content:center;gap:0;border:2px solid #e8e8e8}.sms-code-input{width:40px;height:44px;border:none;border-bottom:2px solid #ccc;background:transparent;text-align:center;font-family:inherit;font-size:22px;font-weight:600;color:var(--text-dark);outline:none;margin:0 4px;transition:border-color 0.2s;caret-color:var(--primary)}.sms-code-input:focus{border-bottom-color:var(--primary)}.sms-bottom{margin-top:auto;padding:0 24px 28px;display:flex;gap:12px}.btn-half{flex:1;height:56px;border-radius:12px;border:2px solid var(--primary);font-family:inherit;font-size:17px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform 0.15s ease}.btn-half:active{transform:scale(0.97)}.btn-enviar{background:#FFFFFF;color:var(--primary);border-color:var(--primary)}.btn-confirmar{background:var(--button-disabled);color:var(--text-primary);border:none}.btn-confirmar.enabled{background:var(--primary);color:#FFFFFF}.screen-seguro{background:var(--surface)}.screen-seguro::before{content:'';display:block;background:var(--primary);height:env(safe-area-inset-top,16px);min-height:16px;flex-shrink:0}.seguro-header{height:56px;display:flex;align-items:center;padding:0 20px;background:var(--primary);position:relative;flex-shrink:0}.seguro-header .back-btn svg{color:var(--text-primary)}.seguro-content{flex:1;display:flex;flex-direction:column;padding:0 24px;overflow-y:auto}.seguro-content{flex:1;display:flex;flex-direction:column;padding:0 24px;overflow-y:auto}.seguro-card{background:#FFFFFF;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,0.06);margin-bottom:16px}.seguro-card-title{font-size:13px;font-weight:700;color:var(--primary);letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.seguro-field{margin-bottom:14px}.seguro-field:last-child{margin-bottom:0}.seguro-field-label{font-size:11px;font-weight:700;color:#888;letter-spacing:0.5px;text-transform:uppercase;margin-bottom:4px}.seguro-field-value{font-size:16px;font-weight:600;color:var(--text-dark)}.seguro-greeting{text-align:left;color:var(--primary);font-size:16px;font-weight:500;line-height:1.5;padding:24px 0 4px}.seguro-greeting strong{font-weight:700}.seguro-date-notice{text-align:left;color:#555;font-size:14px;line-height:1.5;padding:0 0 20px}.seguro-changes-label{font-size:14px;font-weight:700;color:var(--text-dark);margin-bottom:6px}.seguro-changes-text{font-size:14px;color:#555;line-height:1.5;margin-bottom:16px}.seguro-row{display:flex;gap:12px;margin-bottom:16px;border-top:1px solid #eee;padding-top:16px}.seguro-row-item{flex:1;text-align:center}.seguro-row-item .seguro-field-label{margin-bottom:6px}.seguro-row-item .seguro-field-value{font-size:18px}.seguro-disclaimer{font-size:12px;color:#888;line-height:1.5;text-align:center;padding:0 8px 8px}.seguro-bottom{padding:16px 24px 28px;flex-shrink:0}.screen-analise{background:linear-gradient(180deg,var(--primary-dark) 0%,var(--primary) 50%,#0E4A5E 100%)}.analise-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 32px}.analise-logo{width:80px;height:80px;margin-bottom:32px;opacity:0.9}.analise-progress-ring{width:64px;height:64px;position:relative;margin-bottom:28px}.analise-progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.analise-ring-bg{fill:none;stroke:rgba(255,255,255,0.1);stroke-width:4}.analise-ring-fill{fill:none;stroke:#FFFFFF;stroke-width:4;stroke-linecap:round;transition:stroke 0.4s ease,stroke-dashoffset 1.5s ease;stroke-dasharray:163;stroke-dashoffset:163;transition:stroke-dashoffset 1.5s ease}.analise-ring-x{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:28px;height:28px;opacity:0;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),opacity 0.3s ease}.analise-ring-x.visible{transform:translate(-50%,-50%) scale(1);opacity:1}.analise-ring-x svg{width:100%;height:100%}.analise-progress-ring.failed .analise-ring-fill{stroke:#E74C3C}.analise-title{color:#FFFFFF;font-size:18px;font-weight:700;text-align:center;margin-bottom:8px}.analise-status{color:rgba(255,255,255,0.6);font-size:14px;text-align:center;min-height:22px;transition:opacity 0.3s ease}.analise-steps{margin-top:44px;width:100%;display:flex;flex-direction:column;gap:0}.analise-step{display:flex;align-items:center;gap:14px;padding:12px 0;opacity:0.25;transition:opacity 0.4s ease,transform 0.4s ease;transform:translateY(4px)}.analise-step.active{opacity:1;transform:translateY(0)}.analise-step.done{opacity:0.5;transform:translateY(0)}.analise-step-icon{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,0.25);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;transition:border-color 0.4s,background 0.4s}.analise-step.active .analise-step-icon{border-color:rgba(255,255,255,0.8)}.analise-step.done .analise-step-icon{border-color:#4CAF50;background:#4CAF50}.analise-step-check{width:12px;height:12px;opacity:0;transition:opacity 0.3s}.analise-step.done .analise-step-check,.analise-step.failed .analise-step-check{opacity:1}.analise-step.active .analise-step-icon::after{content:'';width:8px;height:8px;background:#FFFFFF;border-radius:50%;animation:pulse 1s ease infinite;position:absolute;top:50%;left:50%;margin-top:-4px;margin-left:-4px}.analise-step-text{color:rgba(255,255,255,0.5);font-size:14px;font-weight:500;transition:color 0.4s}.analise-step.active .analise-step-text{color:#FFFFFF;font-weight:600}.analise-step.failed .analise-step-icon{border-color:#E74C3C;background:#E74C3C}.analise-step.failed .analise-step-text{color:#FFFFFF;font-weight:600}.analise-step-alert{opacity:0;transition:opacity 0.5s ease;margin-top:8px;text-align:center}.analise-step-alert.visible{opacity:1}.analise-step-alert-text{color:rgba(255,255,255,0.6);font-size:14px;line-height:1.5}.analise-redirect{margin-top:20px;text-align:center;opacity:0;transition:opacity 0.5s ease}.analise-redirect.visible{opacity:1}.analise-redirect-text{color:rgba(255,255,255,0.45);font-size:12px;margin-bottom:8px}.analise-redirect-bar{width:160px;height:4px;background:rgba(255,255,255,0.15);border-radius:2px;overflow:hidden;margin:0 auto}.analise-redirect-fill{width:0%;height:100%;background:#FFFFFF;border-radius:2px;transition:width 5s linear}.analise-redirect-fill.running{width:100%}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.4;transform:scale(0.6)}}.screen-aguardando{background:linear-gradient(180deg,var(--primary-dark) 0%,var(--primary) 50%,#0E4A5E 100%)}.aguardando-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 32px}.aguardando-spinner{width:56px;height:56px;border:4px solid rgba(255,255,255,0.15);border-top-color:#FFFFFF;border-radius:50%;animation:spin 0.8s linear infinite;margin-bottom:28px}.aguardando-title{color:#FFFFFF;font-size:18px;font-weight:700;text-align:center;margin-bottom:8px}.aguardando-status{color:rgba(255,255,255,0.6);font-size:14px;text-align:center;min-height:22px}.aguardando-steps{margin-top:44px;width:100%;display:flex;flex-direction:column;gap:0}.aguardando-dots{display:flex;gap:6px;margin-top:32px}.aguardando-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.3);animation:dotPulse 1.4s ease infinite}.aguardando-dot:nth-child(2){animation-delay:0.2s}.aguardando-dot:nth-child(3){animation-delay:0.4s}@keyframes dotPulse{0%,80%,100%{opacity:0.3;transform:scale(1)}40%{opacity:1;transform:scale(1.3)}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(9,48,64,0.85);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.loading-overlay.visible{opacity:1;pointer-events:auto}.loading-spinner{width:44px;height:44px;border:4px solid rgba(255,255,255,0.2);border-top-color:#FFFFFF;border-radius:50%;animation:spin 0.8s linear infinite}.secure-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(7,37,52,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity 0.6s cubic-bezier(0.4,0,0.2,1)}.secure-overlay.visible{opacity:1;pointer-events:auto}.secure-lock{width:48px;height:48px;margin-bottom:24px;opacity:0;transform:translateY(12px);transition:opacity 0.7s ease 0.2s,transform 0.7s cubic-bezier(0.16,1,0.3,1) 0.2s}.secure-overlay.visible .secure-lock{opacity:0.85;transform:translateY(0)}.secure-status{color:#FFFFFF;font-size:16px;font-weight:600;text-align:center;margin-bottom:6px;opacity:0;transform:translateY(8px);transition:opacity 0.5s ease 0.4s,transform 0.5s cubic-bezier(0.16,1,0.3,1) 0.4s}.secure-overlay.visible .secure-status{opacity:1;transform:translateY(0)}.secure-hint{color:rgba(255,255,255,0.4);font-size:13px;text-align:center;opacity:0;transition:opacity 0.5s ease 0.6s}.secure-overlay.visible .secure-hint{opacity:1}.secure-bar{width:200px;height:2px;background:rgba(255,255,255,0.08);border-radius:2px;margin-top:32px;overflow:hidden;opacity:0;transition:opacity 0.5s ease 0.5s}.secure-overlay.visible .secure-bar{opacity:1}.secure-bar-fill{height:100%;width:0%;background:rgba(255,255,255,0.5);border-radius:2px;transition:width 1.8s cubic-bezier(0.4,0,0.2,1)}.secure-bar-fill.smooth{transition:width 2.5s cubic-bezier(0.2,0,0.4,1)}.secure-bar-fill.finish{transition:width 0.4s ease;background:rgba(255,255,255,0.7)}.loading-text{color:#FFFFFF;font-size:15px;font-weight:500;margin-top:16px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes scaleIn{from{opacity:0;transform:scale(0.85)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:fadeInUp 0.6s cubic-bezier(0.16,1,0.3,1) both}.animate-scale-in{animation:scaleIn 0.7s cubic-bezier(0.16,1,0.3,1) both}.animate-fade-in{animation:fadeIn 0.5s ease both}.delay-3{animation-delay:0.3s}.delay-4{animation-delay:0.4s}.delay-5{animation-delay:0.5s}.delay-6{animation-delay:0.6s}.screen-sucesso{background:linear-gradient(180deg,var(--primary-dark) 0%,var(--primary) 50%,#0E4A5E 100%)}.sucesso-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 32px}.sucesso-check-ring{width:90px;height:90px;border-radius:50%;background:rgba(34,197,94,0.15);display:flex;align-items:center;justify-content:center;margin-bottom:28px;animation:sucessoPulse 2s ease infinite}.sucesso-check-inner{width:64px;height:64px;border-radius:50%;background:#22c55e;display:flex;align-items:center;justify-content:center}.sucesso-check-inner svg{width:32px;height:32px;stroke-dasharray:40;stroke-dashoffset:40;animation:sucessoDraw 0.5s ease 0.3s forwards}@keyframes sucessoDraw{to{stroke-dashoffset:0}}@keyframes sucessoPulse{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,0.2)}50%{box-shadow:0 0 0 16px rgba(34,197,94,0)}}.sucesso-title{color:#FFFFFF;font-size:22px;font-weight:700;text-align:center;margin-bottom:10px}.sucesso-subtitle{color:rgba(255,255,255,0.65);font-size:15px;text-align:center;line-height:1.5;margin-bottom:32px;max-width:300px}.sucesso-info{width:100%;background:rgba(255,255,255,0.08);border-radius:12px;padding:20px;margin-bottom:32px}.sucesso-info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.sucesso-info-row+.sucesso-info-row{border-top:1px solid rgba(255,255,255,0.08)}.sucesso-info-label{color:rgba(255,255,255,0.5);font-size:13px;font-weight:500}.sucesso-info-value{color:#FFFFFF;font-size:14px;font-weight:600}.sucesso-protocol{color:rgba(255,255,255,0.4);font-size:12px;text-align:center}@keyframes shake{0%,100%{transform:translateX(0)}15%{transform:translateX(-8px)}30%{transform:translateX(7px)}45%{transform:translateX(-6px)}60%{transform:translateX(4px)}75%{transform:translateX(-2px)}}.sms-code-box.shake{animation:shake 0.5s ease}.sms-code-input.error{border-color:var(--error) !important;color:var(--error) !important}.sms-error-msg{color:var(--error);font-size:14px;font-weight:600;text-align:center;padding:0 24px;margin-top:16px;opacity:0;transition:opacity 0.3s ease}.sms-error-msg.visible{opacity:1}