body{background:var(--g);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;min-height:100dvh}
.card{background:rgba(255,255,255,0.3);border:1px solid rgba(255,255,255,0.6);border-radius:20px;padding:2rem 1.5rem;width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center}
.logo{width:100px;height:100px;border-radius:50%;background:#fff;padding:1px;margin-bottom:12px;box-shadow:0 3px 14px rgba(0,0,0,.15)}
.logo img{width:100%;height:100%;border-radius:50%;object-fit:contain;display:block}
h1{font-size:21px;font-weight:700;color:var(--navy);text-align:center}
.sub{font-size:11px;color:var(--navy);font-weight:500;text-align:center;margin-top:3px;margin-bottom:1.5rem;opacity:.7}
.field{width:100%;margin-bottom:12px}
.field label{display:block;font-size:10px;font-weight:700;color:var(--navy);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;text-align:center}
.field input{width:100%;background:#fff;border:1.5px solid rgba(255,255,255,.9);border-radius:10px;padding:11px;font-size:15px;font-family:'Montserrat',sans-serif;font-weight:600;color:var(--navy);text-align:center;outline:none;transition:border-color .2s}
.field input:focus{border-color:var(--blue)}
.field input::placeholder{color:#bbb;font-weight:400}
.btn{margin-top:4px}
.btn-primary{background:var(--blue);color:#fff}
.btn-green{background:var(--green);color:#fff}
.lang-row{display:flex;gap:6px;margin-top:14px}
.lang-btn{background:rgba(255,255,255,.3);border:.5px solid rgba(255,255,255,.6);border-radius:20px;padding:3px 12px;font-size:11px;font-weight:600;color:var(--navy);cursor:pointer;font-family:'Montserrat',sans-serif}
.lang-btn.active{background:#fff}
.code-input{text-align:center !important;font-size:22px !important;font-weight:700;letter-spacing:6px}
.step{width:100%;display:none}
.step.active{display:block}
.step-title{font-size:13px;font-weight:700;color:var(--navy);text-align:center;margin-bottom:4px}
.step-sub{font-size:11px;color:var(--navy);opacity:.7;text-align:center;margin-bottom:1rem}
.method-row{display:flex;gap:7px;margin-bottom:12px}
.method-btn{flex:1;padding:9px;border:1.5px solid rgba(255,255,255,.6);border-radius:8px;font-size:11px;font-weight:700;font-family:'Montserrat',sans-serif;cursor:pointer;background:rgba(255,255,255,.35);color:var(--navy)}
.method-btn.active{background:#fff;color:var(--blue);border-color:var(--blue)}
.back-link{background:none;border:none;font-size:11px;color:var(--navy);opacity:.7;cursor:pointer;font-family:'Montserrat',sans-serif;text-decoration:underline;margin-top:10px;display:block;text-align:center}