*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#0f172a,#1a2942);color:white}.screen,body{min-height:100svh;min-height:100dvh}.screen{width:min(420px,100%);padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;margin:0 auto}@media (min-width:640px){.screen{min-height:auto;margin:28px auto;padding:22px 20px;border-radius:20px;background:rgba(2,6,23,.35);border:1px solid rgba(148,163,184,.14);box-shadow:0 12px 32px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.screen--top{justify-content:flex-start;padding-top:max(18px,env(safe-area-inset-top))}.back{align-self:flex-start;border:1px solid rgba(148,163,184,.25);background:rgba(15,23,42,.55);color:#cbd5e1;padding:8px 12px;border-radius:12px;font-size:14px;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease;-webkit-tap-highlight-color:transparent}.back:hover{background:rgba(30,41,59,.65);border-color:rgba(148,163,184,.4);transform:translateY(-1px)}.back:active{transform:translateY(0)}h1,h2{margin:0;font-weight:600}h1{font-size:clamp(28px,8vw,32px);background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h1,h2{text-align:center}h2{font-size:clamp(18px,5vw,22px);color:#e2e8f0}p{margin:0}.primary,.secondary{cursor:pointer;font-size:clamp(14px,4vw,16px);font-weight:500;border:none;border-radius:12px;padding:clamp(12px,3vw,16px) clamp(20px,5vw,32px);width:100%;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.15);-webkit-tap-highlight-color:transparent}.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:white}.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(59,130,246,.3)}.primary:active:not(:disabled){transform:translateY(0)}.primary:disabled{opacity:.5;cursor:not-allowed}.spinner{width:16px;height:16px;border-radius:999px;border:2px solid rgba(255,255,255,.25);border-top-color:rgba(255,255,255,.9);animation:spinner-rotate .8s linear infinite}@keyframes spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.secondary{background:rgba(30,41,59,.8);color:#cbd5e1;border:1px solid rgba(148,163,184,.2)}.secondary:hover{background:rgba(51,65,85,.8);border-color:rgba(148,163,184,.4);transform:translateY(-2px)}.secondary:active{transform:translateY(0)}.modal-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center}.modal-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.65);border:none}.modal{position:relative;z-index:51;width:min(560px,calc(100vw - 32px));max-height:min(78vh,640px);overflow:auto;border-radius:18px;background:rgba(2,6,23,.88);border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 50px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 16px 10px;border-bottom:1px solid rgba(148,163,184,.12)}.modal-title{font-size:18px;font-weight:700;color:#e2e8f0}.modal-subtitle{margin-top:6px;font-size:13px;color:#94a3b8}.modal-close{border:1px solid rgba(148,163,184,.22);background:rgba(15,23,42,.55);color:#cbd5e1;width:36px;height:36px;border-radius:12px;cursor:pointer}.modal-body{padding:14px 16px 10px}.modal-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.modal-dots{display:inline-flex;gap:8px;align-items:center}.modal-dot{width:10px;height:10px;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:rgba(15,23,42,.5);cursor:pointer}.modal-dot.is-active{background:linear-gradient(135deg,#3b82f6,#60a5fa);border-color:rgba(96,165,250,.8)}.modal-stepcount{font-size:12px;color:#94a3b8}.modal-slide{display:flex;flex-direction:column;gap:10px}.modal-slide-icon{font-size:34px;line-height:1;margin:4px 0 2px}.modal-section{margin-bottom:14px}.modal-section-title{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#93c5fd;margin:6px 0 10px}.modal-list{display:grid;grid-gap:10px;gap:10px}.modal-list-item{padding:12px;border-radius:14px;background:rgba(30,41,59,.55);border:1px solid rgba(148,163,184,.12)}.modal-list-title{font-size:14px;font-weight:600;color:#e2e8f0}.modal-list-body{margin-top:6px;font-size:13px;line-height:1.45;color:#cbd5e1}.modal-hint{margin-top:10px;font-size:12px;color:#94a3b8;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.18);padding:10px 12px;border-radius:12px}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 16px;border-top:1px solid rgba(148,163,184,.12)}.modal-footer-left,.modal-footer-right{display:inline-flex;align-items:center;gap:10px}@media (max-width:420px){.modal{width:calc(100vw - 22px)}.modal-footer{flex-direction:column;align-items:stretch}.modal-footer-left,.modal-footer-right{justify-content:space-between}.modal-checkbox{font-size:12px}}.modal-checkbox{display:inline-flex;align-items:center;gap:10px;color:#cbd5e1;font-size:13px}.modal-checkbox input{width:16px;height:16px}.support-link{margin-top:4px;font-size:13px;color:#93c5fd;text-decoration:none;border:1px solid rgba(59,130,246,.25);background:rgba(59,130,246,.08);padding:10px 14px;border-radius:12px;display:inline-flex;align-items:center;gap:8px}.support-link:hover{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.4)}.bmc-link{margin-top:6px;display:inline-flex;justify-content:center;text-decoration:none}.bmc-img{height:54px;width:auto;max-width:100%}@media (max-width:360px){.bmc-img{height:48px}}.code{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-gap:clamp(3px,1.6vw,10px);gap:clamp(3px,1.6vw,10px);width:100%;padding:clamp(10px,3vw,18px);background-color:rgba(59,130,246,.1);border-radius:16px;border:1px solid rgba(59,130,246,.2);overflow:hidden}.code-digit{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:clamp(16px,4.6vw,26px);font-weight:700;font-family:Courier New,monospace;border:2px solid rgba(59,130,246,.3);border-radius:12px;background:rgba(59,130,246,.12);color:#e2e8f0;min-width:0}.code-input-container{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-gap:clamp(3px,1.6vw,10px);gap:clamp(3px,1.6vw,10px);width:100%;max-width:100%;overflow:hidden;position:relative;cursor:text}.otp-hidden-input{position:absolute;inset:0;width:1px;height:1px;opacity:0;pointer-events:none}.code-box{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:clamp(16px,4.2vw,22px);text-align:center;padding:0;border-radius:10px;border:2px solid rgba(59,130,246,.3);background:rgba(30,41,59,.6);color:white;font-family:Courier New,monospace;font-weight:700;transition:all .2s ease;min-width:0}.code-input-container--focused .code-box{border-color:#3b82f6;box-shadow:0 0 12px rgba(59,130,246,.25)}.code-input{aspect-ratio:1;font-size:clamp(16px,4.2vw,22px);text-align:center;padding:0;border-radius:10px;border:2px solid rgba(59,130,246,.3);background:rgba(30,41,59,.6);color:white;font-family:Courier New,monospace;font-weight:700;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-width:0}.code-input:-webkit-autofill{-webkit-text-fill-color:#ffffff!important;caret-color:#ffffff!important;box-shadow:inset 0 0 0 1000px rgba(30,41,59,.6)!important;border:2px solid rgba(59,130,246,.3)!important;background-color:transparent!important}.code-input:-webkit-autofill,.code-input:-webkit-autofill:focus,.code-input:-webkit-autofill:hover,.code-input:autofill{-webkit-text-fill-color:#ffffff!important;caret-color:#ffffff!important;box-shadow:inset 0 0 0 1000px rgba(30,41,59,.6)!important;border:2px solid rgba(59,130,246,.3)!important;background-color:transparent!important}.code-input:focus{outline:none;border-color:#3b82f6;background:rgba(30,41,59,.6);box-shadow:0 0 12px rgba(59,130,246,.3)}.file-list{width:100%;background:rgba(30,41,59,.6);border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:16px;max-height:min(350px,45vh);overflow-y:auto;-webkit-overflow-scrolling:touch}.file-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px;background:rgba(51,65,85,.5);border-radius:8px;margin-bottom:8px;font-size:clamp(12px,3vw,14px)}.file-item:last-child{margin-bottom:0}.file-name{flex:1 1;min-width:0;color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{color:#94a3b8;font-size:clamp(11px,2.5vw,12px);flex-shrink:0}