.tunnel-page{--blue:#185fa5;--blue-ui:#378add;--blue-dark:#042c53;--blue-light:#b5d4f4;--blue-bg:#ebf2fd;--page-bg:#eef2fa;--orange:#ef9f27;--green:#3b6d11;--green-bg:#eaf3de;--red:#e24b4a;--red-bg:#fcebeb;--text-dark:#042c53;--text-mid:#235;--text-muted:#457;--text-hint:#89b;--border:#cdd8ee;--radius:12px;--radius-inp:10px;background:var(--page-bg);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;font-family:Trebuchet MS,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.tunnel-page *,.tunnel-page :before,.tunnel-page :after{box-sizing:border-box}.tunnel-page .tunnel{background:#fff;flex-direction:column;width:100%;max-width:420px;min-height:100vh;display:flex}@media (min-width:460px){.tunnel-page{padding:40px 0}.tunnel-page .tunnel{border-radius:24px;min-height:680px;max-height:860px;overflow:hidden;box-shadow:0 8px 40px #042c5324}}.tunnel-page .t-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px 8px;display:flex}.tunnel-page .t-header-logo{cursor:pointer;background:0 0;border:none;padding:0;display:flex}.tunnel-page .t-back-btn{color:var(--text-mid);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px;transition:background .15s,color .15s;display:flex}.tunnel-page .t-back-btn:hover{background:var(--blue-bg);color:var(--blue)}.tunnel-page .step-counter{color:var(--text-hint);font-size:12px;font-weight:500}.tunnel-page .t-progress{flex-shrink:0;padding:0 24px 12px}.tunnel-page .progress-track{gap:5px;display:flex}.tunnel-page .seg{background:var(--border);border-radius:2px;flex:1;height:4px;transition:background .3s}.tunnel-page .seg.done{background:var(--blue)}.tunnel-page .seg.active{background:var(--orange)}.tunnel-page .screens{flex:1;position:relative;overflow:hidden}.tunnel-page .screen{opacity:0;pointer-events:none;flex-direction:column;padding:6px 24px 20px;transition:opacity .28s,transform .28s;display:flex;position:absolute;inset:0;overflow-y:auto;transform:translate(28px)}.tunnel-page .screen.active{opacity:1;pointer-events:auto;transform:translate(0)}.tunnel-page .screen.out-l{opacity:0;transform:translate(-28px)}.tunnel-page .screen.screen-centered{text-align:center;justify-content:center;align-items:center;padding-bottom:60px}.tunnel-page .screen.screen-centered .btn-social,.tunnel-page .screen.screen-centered .btn-primary,.tunnel-page .screen.screen-centered .or,.tunnel-page .screen.screen-centered .legal{width:100%}.tunnel-page .s-label{color:var(--text-hint);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:600}.tunnel-page .s-title{color:var(--text-dark);margin-bottom:5px;font-size:21px;font-weight:500;line-height:1.3}.tunnel-page .s-desc{color:var(--text-muted);margin-bottom:18px;font-size:13px;line-height:1.5}.tunnel-page .field{margin-bottom:12px}.tunnel-page .field-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.tunnel-page .f-label{color:var(--text-muted);margin-bottom:4px;font-size:11.5px;font-weight:500;display:block}.tunnel-page .req{color:var(--orange)}.tunnel-page .f-input{border-radius:var(--radius-inp);border:1.5px solid var(--border);background:var(--blue-bg);width:100%;color:var(--text-mid);outline:none;padding:11px 13px;font-family:inherit;font-size:14px;transition:border-color .15s,background .15s}.tunnel-page .f-input:focus{border-color:var(--blue-ui);background:#fff}.tunnel-page .f-input::placeholder{color:var(--text-hint)}.tunnel-page .f-input.valid{background:#fff;border-color:#639922}.tunnel-page .f-input.invalid{border-color:var(--red);background:var(--red-bg)}.tunnel-page .f-helper{color:var(--text-hint);margin-top:4px;font-size:11px;line-height:1.4}.tunnel-page .f-error{color:var(--red);margin-top:4px;font-size:11px;display:none}.tunnel-page .f-error.show{display:block}.tunnel-page .pseudo-wrap{position:relative}.tunnel-page .pseudo-wrap:before{content:"@";color:var(--text-hint);pointer-events:none;font-size:14px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.tunnel-page .f-input.pseudo{padding-left:28px}.tunnel-page .pwd-wrap{position:relative}.tunnel-page .f-input.pwd{padding-right:38px}.tunnel-page .pwd-toggle{width:30px;height:30px;color:var(--text-hint);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .15s;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.tunnel-page .pwd-toggle:hover{color:var(--blue)}.tunnel-page .avail{border-radius:20px;align-items:center;gap:4px;margin-top:4px;padding:3px 8px;font-size:11px;font-weight:500;display:none}.tunnel-page .avail.check{background:var(--blue-bg);color:var(--blue);display:inline-flex}.tunnel-page .avail.ok{background:var(--green-bg);color:var(--green);display:inline-flex}.tunnel-page .avail.ko{background:var(--red-bg);color:#a32d2d;display:inline-flex}.tunnel-page .str-wrap{margin-top:6px;display:none}.tunnel-page .str-wrap.shown{display:block}.tunnel-page .str-track{gap:4px;display:flex}.tunnel-page .str-seg{background:var(--border);border-radius:2px;flex:1;height:3px;transition:background .3s}.tunnel-page .str-wrap.weak .str-seg:nth-child(-n+1){background:var(--red)}.tunnel-page .str-wrap.medium .str-seg:nth-child(-n+2){background:var(--orange)}.tunnel-page .str-wrap.strong .str-seg:nth-child(-n+3){background:#639922}.tunnel-page .str-wrap.vstrong .str-seg{background:var(--green)}.tunnel-page .str-lbl{margin-top:4px;font-size:11px}.tunnel-page .str-wrap.weak .str-lbl{color:var(--red)}.tunnel-page .str-wrap.medium .str-lbl{color:var(--orange)}.tunnel-page .str-wrap.strong .str-lbl{color:#639922}.tunnel-page .str-wrap.vstrong .str-lbl{color:var(--green)}.tunnel-page .section-sep{color:var(--text-hint);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:10px;margin:16px 0 12px;font-size:10px;font-weight:600;display:flex}.tunnel-page .section-sep:after{content:"";background:var(--border);flex:1;height:1px}.tunnel-page .btn-social{border-radius:var(--radius-inp);border:1.5px solid var(--border);width:100%;color:var(--text-mid);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:10px;margin-bottom:10px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.tunnel-page .btn-social:hover{background:var(--blue-bg);border-color:#b5d4f4}.tunnel-page .or{align-items:center;gap:12px;margin:6px 0;display:flex}.tunnel-page .or:before,.tunnel-page .or:after{content:"";background:var(--border);flex:1;height:1px}.tunnel-page .or span{color:var(--text-hint);font-size:12px}.tunnel-page .btn-primary{border-radius:var(--radius-inp);background:var(--blue);color:#fff;cursor:pointer;border:none;width:100%;margin-bottom:6px;padding:13px 20px;font-family:inherit;font-size:15px;font-weight:500;transition:background .15s,opacity .15s}.tunnel-page .btn-primary:hover:not(:disabled){background:var(--blue-dark)}.tunnel-page .btn-primary:disabled{opacity:.38;cursor:not-allowed}.tunnel-page .btn-primary.orange{background:var(--orange)}.tunnel-page .btn-primary.orange:hover:not(:disabled){background:#d88a1a}.tunnel-page .btn-ghost{border-radius:var(--radius-inp);width:100%;color:var(--blue-ui);cursor:pointer;background:0 0;border:none;margin-bottom:4px;padding:10px 20px;font-family:inherit;font-size:14px;transition:background .15s}.tunnel-page .btn-ghost:hover{background:var(--blue-bg)}.tunnel-page .btn-back{color:var(--text-hint);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:4px 0;font-family:inherit;font-size:12px;text-decoration:underline}.tunnel-page .btn-back:hover{color:var(--blue-ui)}.tunnel-page .btn-tutorial{border-radius:var(--radius-inp);border:1.5px solid var(--border);width:100%;color:var(--text-mid);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.tunnel-page .btn-tutorial:hover{background:var(--blue-bg);border-color:#b5d4f4}.tunnel-page .actions{flex-shrink:0;margin-top:auto;padding-top:14px}.tunnel-page .chips{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tunnel-page .chip{border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;background:#fff;border-radius:20px;padding:7px 13px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s}.tunnel-page .chip:hover{background:var(--blue-bg);border-color:#b5d4f4}.tunnel-page .chip.on{border-color:var(--blue);background:var(--blue);color:#fff}.tunnel-page .geo-sel{border-radius:var(--radius-inp);border:1.5px solid var(--border);background:var(--blue-bg);width:100%;color:var(--text-mid);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238899BB' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;outline:none;padding:11px 13px;font-family:inherit;font-size:14px;transition:border-color .15s}.tunnel-page .geo-sel:focus{border-color:var(--blue-ui)}.tunnel-page .success-icon{background:var(--green-bg);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:16px auto 12px;display:flex}.tunnel-page .success-title{color:var(--text-dark);text-align:center;margin-bottom:6px;font-size:22px;font-weight:500}.tunnel-page .success-sub{color:var(--text-muted);text-align:center;margin-bottom:14px;font-size:13px;line-height:1.55}.tunnel-page .rules-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;margin-bottom:0;padding:13px 15px}.tunnel-page .rules-title{color:var(--text-mid);letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:600}.tunnel-page .rule{color:var(--text-muted);align-items:flex-start;gap:8px;margin-bottom:5px;font-size:12px;line-height:1.45;display:flex}.tunnel-page .rule:last-child{margin-bottom:0}.tunnel-page .rule-dot{background:var(--orange);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:5px}.tunnel-page .rules-more{color:var(--text-hint);text-align:center;letter-spacing:.08em;padding:6px 0 8px;font-size:13px}.tunnel-page .charter-block{border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);background:#f9fbff;border-top:none;margin-bottom:10px;padding:11px 15px 13px}.tunnel-page .charter-link{color:var(--blue);cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;margin-bottom:9px;padding:0;font-family:inherit;font-size:12px;font-weight:500;text-decoration:none;display:flex}.tunnel-page .charter-link:hover{text-underline-offset:2px;text-decoration:underline}.tunnel-page .charter-accept{color:var(--text-muted);border-left:3px solid var(--orange);background:#fef3df;border-radius:0 6px 6px 0;padding:8px 10px;font-size:11px;line-height:1.5}.tunnel-page .charter-accept strong{color:var(--text-mid);font-weight:600}.tunnel-page .compl-card{background:var(--blue-bg);border-radius:var(--radius);margin-bottom:10px;padding:13px 15px}.tunnel-page .compl-hdr{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.tunnel-page .compl-name{color:var(--text-mid);font-size:13px;font-weight:500}.tunnel-page .compl-pct{color:var(--blue);font-size:12px;font-weight:600}.tunnel-page .compl-track{background:#cdd8ee;border-radius:3px;height:6px;margin-bottom:9px;overflow:hidden}.tunnel-page .compl-fill{background:linear-gradient(90deg, var(--blue), var(--orange));border-radius:3px;height:100%;transition:width .6s}.tunnel-page .compl-items{flex-direction:column;gap:5px;display:flex}.tunnel-page .compl-item{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.tunnel-page .ci-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.tunnel-page .ci-done{background:var(--green)}.tunnel-page .ci-todo{background:var(--orange)}.tunnel-page .compl-more{color:var(--text-hint);letter-spacing:.08em;padding:4px 0 2px;font-size:13px}.tunnel-page .compl-note{color:var(--text-hint);border-top:1px solid #cdd8ee;margin-top:6px;padding-top:8px;font-size:11px;line-height:1.45}.tunnel-page .legal{color:var(--text-hint);text-align:center;margin-top:10px;font-size:11px;line-height:1.5}.tunnel-page .legal a{color:var(--blue-ui);text-decoration:none}.tunnel-page .wlc-logo{flex-direction:column;align-items:center;margin:0 0 8px;display:flex}.tunnel-page .wlc-tagline{color:var(--text-muted);text-align:center;margin:10px 0 46px;font-size:13px;font-style:italic;line-height:1.5}.tunnel-page .wlc-title{color:var(--text-dark);text-align:center;margin-bottom:5px;font-size:22px;font-weight:500}.tunnel-page .wlc-sub{color:var(--text-muted);text-align:center;margin-bottom:0;font-size:13px;line-height:1.5}.tunnel-page .server-error{color:#c0392b;background:#c0392b14;border:1px solid #c0392b33;border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:12px}.tunnel-page .toast{background:var(--blue-dark);color:#fff;z-index:500;opacity:0;pointer-events:none;white-space:nowrap;border-radius:99px;padding:9px 20px;font-size:12px;transition:transform .25s,opacity .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(16px);box-shadow:0 4px 20px #0000002e}.tunnel-page .toast.show{opacity:1;transform:translate(-50%)translateY(0)}