@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/public/fonts/inter-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/public/fonts/inter-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#F8FAFC;--text:#333333;--muted:#5b6470;--muted-light:#7a828d;--border:#767676;--fill-grey:#D9D9D9;
  --primary:#4474B1;--primary-active:#3a649a;
  --success:#4CA054;--success-bg:#F2FDF5;
  --danger:#E30203;--danger-border:#E30203;--danger-strong:#C20002;--danger-bg:#FCF2F2;
  color-scheme:light;
}
body{
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  background:var(--bg);color:var(--text);
  min-height:100vh;min-height:100dvh;
  display:flex;flex-direction:column;align-items:center;
  padding:max(env(safe-area-inset-top,0px),.5rem) max(env(safe-area-inset-right,0px),36px) max(env(safe-area-inset-bottom,0px),1.5rem) max(env(safe-area-inset-left,0px),36px);
  -webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;
}
body.bg-success{background:var(--success-bg)}
body.bg-fail{background:var(--danger-bg)}
a,button,.btn-action,.lang-btn,.lang-option,.error-copy-btn,.btn-back{touch-action:manipulation}
main{width:100%;max-width:393px;margin:0 auto;display:flex;flex-direction:column;flex:1}
.wrap{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}
.logo{margin:0 0 1.5rem;text-align:center}
.logo img{width:124px;height:auto;max-width:100%}
h1{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-.01em;margin-bottom:.5rem;color:var(--text)}
p{color:var(--text);font-size:16px;line-height:22px}
.lead{margin-bottom:1.5rem}
.icon-circle{width:78px;height:78px;border-radius:50%;background:#fff;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;margin:.5rem auto 1.25rem}
.icon-circle svg{width:40px;height:40px}
.icon-circle.success{border-color:var(--success);color:var(--success)}
.icon-circle.fail,.icon-circle.error{border-color:var(--danger);color:var(--danger)}
.result-box{width:100%;min-height:65px;display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1.5rem 0;padding:.75rem 1rem;background:#fff;border:1px solid var(--border);border-radius:10px;font-size:18px;font-weight:600;text-align:center}
.result-box.success{border-color:var(--success);color:var(--success)}
.result-box.fail{border-color:var(--danger-border);color:var(--danger)}
.footer{padding-top:0;font-size:12px;color:var(--muted);text-align:center}
.footer a{color:var(--muted);text-decoration:none;display:inline-block;padding:.5rem .25rem;min-height:44px;line-height:1.6;vertical-align:middle}
.action-row{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:auto}
.action-row .lang-dropdown{margin:0}
.action-row + .footer{margin-top:.75rem}
.lang-nav-row{position:relative;width:100%;display:flex;justify-content:center;align-items:center;margin-top:1rem;min-height:49px}
.lang-nav-row .btn-back{position:absolute;left:0}
.lang-nav-row .lang-dropdown{margin:0}
.lang-nav-row + .footer{margin-top:.75rem}
.privacy{margin-top:1.75rem;font-size:12px;color:var(--muted);line-height:1.4;text-align:center}
.privacy .lock{margin-right:.25rem}
.btn-back{width:49px;height:49px;border-radius:10px;background:#fff;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);text-decoration:none;transition:border-color .15s}
.btn-back svg{width:22px;height:22px}
.btn-back:active{border-color:#6b7785}
@media(hover:hover) and (pointer:fine){.btn-back:hover{border-color:#6b7785}}
.btn-action{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;min-height:65px;padding:.75rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s,transform .1s}
.btn-action:active{background:var(--primary-active);transform:scale(.99)}
.btn-action:disabled{opacity:.5;cursor:not-allowed}
.lang-dropdown{margin:1rem auto .25rem;position:relative;display:flex;justify-content:center}
.lang-btn{background:#fff;border:1px solid var(--border);border-radius:10px;padding:0 .9rem;min-width:119px;min-height:49px;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:16px;font-family:inherit}
.lang-btn .lang-chevron{font-size:.7rem;opacity:.6;transition:transform .15s}
.lang-btn.open .lang-chevron{transform:rotate(180deg)}
.lang-menu{display:none;flex-direction:column;position:fixed;left:50%;bottom:max(1rem,env(safe-area-inset-bottom,1rem));transform:translateX(-50%);width:calc(100% - 2rem);max-width:17rem;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 32px rgba(15,23,42,.18);max-height:70vh;overflow-y:auto;overscroll-behavior:contain;z-index:100;-webkit-overflow-scrolling:touch}
.lang-menu.open{display:flex}
.lang-menu .lang-option{display:flex;align-items:center;gap:.875rem;padding:.875rem 1.25rem;cursor:pointer;color:var(--text);text-decoration:none;text-align:left;font-size:16px;min-height:3rem;border-bottom:1px solid var(--border);line-height:1.4}
.lang-menu .lang-option:last-child{border-bottom:none}
.lang-menu .lang-option:active{background:#f1f5f9}
.lang-menu .lang-option > span:nth-child(2){order:1;flex:0 0 1.5rem;display:inline-flex;align-items:center}
.lang-menu .lang-option > span:nth-child(3){order:2;flex:1 1 auto;min-width:0}
.lang-menu .lang-option .lang-check{order:3;flex:0 0 auto;margin-left:auto;color:var(--success)}
.lang-flag-svg{display:inline-block;vertical-align:middle;border-radius:2px}
a:focus,button:focus{outline:3px solid var(--primary);outline-offset:2px;border-radius:6px}
a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}
a:focus-visible,button:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:6px}
.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}
.error-code-box{margin:1.25rem 0;width:100%;min-height:65px;display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem}
.error-code-label{font-size:14px;color:var(--muted);white-space:nowrap}
.error-code{font-family:'SF Mono',SFMono-Regular,ui-monospace,Menlo,monospace;font-size:14px;color:var(--text);letter-spacing:.05em;font-weight:600;user-select:all;-webkit-user-select:all}
.error-copy-btn{background:none;border:1px solid var(--border);border-radius:8px;padding:.3rem;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
@media(hover:hover) and (pointer:fine){
  .lang-btn:hover{border-color:var(--muted)}
  .btn-action:hover{background:var(--primary-active)}
  .lang-menu .lang-option:hover{background:#f1f5f9}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.methods{width:100%;display:flex;flex-direction:column;margin-top:.25rem}
.methods + .methods{margin-top:0}
.method-card{display:flex;align-items:center;justify-content:center;gap:.9rem;width:100%;min-height:79px;padding:.75rem 1rem;background:#fff;border:1px solid var(--border);border-radius:10px;text-decoration:none;color:var(--text);transition:border-color .15s,box-shadow .15s}
.method-card:active{border-color:#6b7785;transform:scale(.995)}
.method-icon{flex:0 0 60px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;color:var(--text)}
.method-icon img,.method-icon svg{max-width:100%;max-height:48px;width:auto;height:auto;object-fit:contain}
.method-label{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}
.method-sub{font-size:14px;color:var(--muted)}
.method-name{font-size:19px;font-weight:600;color:var(--text)}
.divider{display:flex;align-items:center;gap:.75rem;margin:.6rem 0;color:var(--muted);font-size:12px}
.divider::before,.divider::after{content:'';flex:1;height:1px;background:var(--border)}
@media(hover:hover) and (pointer:fine){.method-card:hover{border-color:#6b7785;box-shadow:0 2px 8px rgba(0,0,0,.06)}}
.card{width:100%;max-width:393px;margin:0 auto;background:none;box-shadow:none;padding:0;border-radius:0;text-align:center}
.u-hidden{display:none}
.u-center{text-align:center}
.icon{font-size:3rem;line-height:1;margin-bottom:1rem}
.btn-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:65px;padding:.75rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}
.btn-submit:disabled{opacity:.5;cursor:not-allowed}
.btn-submit:active{background:var(--primary-active)}