*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Segoe UI,Inter,Arial,sans-serif;color:#0f172a;background:#f3f4f6}body.web-app-mode{background:#f3f4f6!important;display:block!important;justify-content:initial!important;align-items:initial!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important}a{color:inherit}.rn-btn{border:0;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s ease}.rn-btn:hover{opacity:.92}.rn-btn-primary{background:#2f56cc;color:#fff}.rn-btn-success{background:#00974c;color:#fff}.rn-btn-ghost{background:#fff;border:1px solid #2f56cc;color:#2f56cc}.rn-btn-google{background:#f2f4f8;border:1px solid #e2e8f0;color:#475569;font-weight:500}.rn-google-login-btn{margin:14px 0 8px;gap:10px}.rn-google-g{width:18px;height:18px;object-fit:contain;display:block}.rn-full{width:100%}.rn-brand{display:flex;align-items:center;gap:8px}.rn-logo-image{display:block;width:300px;height:auto;object-fit:contain}.rn-logo-image-large{width:min(520px,100%)}.rn-logo-image-topbar{width:252px}.rn-link{font-weight:600;color:#1e293b;text-decoration:none}.rn-muted{color:#64748b}.rn-auth-card .rn-muted{color:#475569}.rn-error{color:#b91c1c;font-size:14px}.rn-landing{min-height:100vh;background:radial-gradient(circle at 12% -8%,#1bb7c938,#1bb7c900 42%),radial-gradient(circle at 88% 8%,#1a7fb833,#1a7fb800 38%),linear-gradient(180deg,#10131e,#0a0a0f 55% 100%)}.rn-nav{max-width:1200px;margin:0 auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between}.rn-nav-actions{display:flex;align-items:center;gap:12px}.rn-hero-wrap{max-width:1200px;margin:0 auto;padding:0 24px 56px}.rn-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;margin-bottom:36px}.rn-hero-left h1{margin:12px 0;font-size:44px;line-height:1.1;color:#fff}.rn-hero-left p{color:#b2bdd7;font-size:18px;line-height:1.5}.rn-eyebrow{color:#c5f64e;text-transform:uppercase;letter-spacing:.8px;font-size:12px}.rn-hero-cta{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}.rn-visual-card{border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:32px;background:linear-gradient(165deg,#ffffff1a,#ffffff05);text-align:center}.rn-visual-card p{margin:20px 0 0;color:#e2e8f0;font-weight:600}.rn-shield{margin:0 auto;width:140px;height:140px;border-radius:36px;display:grid;place-items:center;font-size:40px;font-weight:800;color:#fff;background:linear-gradient(145deg,#2f56cc,#6f58e8);box-shadow:0 12px 30px #00000059}.rn-products{background:#f8fafc;border-radius:16px;padding:20px;color:#475569}.rn-section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.rn-section-head h2{margin:0;color:#1e293b}.rn-section-head span{color:#64748b}.rn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.rn-card{background:#fff;border-radius:12px;border:1px solid #d9e0ea;padding:16px}.rn-card h3{margin:0 0 4px;color:#334155}.rn-card .rn-muted{color:#475569}.rn-price{margin:14px 0;font-size:24px;font-weight:800;color:#475569}.rn-auth-page{min-height:100vh;display:grid;grid-template-columns:700px 1fr}.rn-auth-left{background:linear-gradient(165deg,#131c3f,#0f1836);padding:56px 48px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:36px}.rn-auth-left .rn-brand-large{width:100%;justify-content:center}.rn-auth-visual-wrap{text-align:center;margin-top:0}.rn-shield-big{width:280px;height:280px;border-radius:72px;font-size:78px}.rn-auth-visual-wrap p{margin:16px auto 0;color:#fff;font-size:42px;font-weight:700;max-width:520px;line-height:1.15}.rn-auth-right{padding:28px;display:grid;place-items:center;background:#eef1f5}.rn-auth-card{width:100%;max-width:520px;background:#fff;border:1px solid #d9e0ea;border-radius:12px;padding:28px}.rn-auth-card h1{margin:0 0 10px;color:#334155}.rn-divider{margin:10px 0 12px;position:relative;text-align:center;color:#667085;font-size:12px;letter-spacing:.3px}.rn-divider:before,.rn-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#c7cfdb}.rn-divider:before{left:0}.rn-divider:after{right:0}.rn-form{display:grid;gap:12px}.rn-form label{display:grid;gap:6px;font-size:14px;color:#334155}.rn-form input{height:42px;border:1px solid #cbd5e1;border-radius:8px;padding:0 12px;font-size:15px}.rn-success{color:#15803d;font-size:14px}.rn-auth-links{margin-top:16px;font-size:14px}.rn-auth-links,.rn-auth-links a{color:#64748b}.rn-lk-page{min-height:100vh;background:#eef1f5;overflow-x:hidden}.rn-lk-topbar{height:64px;background:linear-gradient(90deg,#0f172a,#111827);padding:0 18px;display:flex;align-items:center;justify-content:space-between}.rn-avatar-btn{width:40px;height:40px;padding:0;overflow:hidden;border-radius:50%;border:2px solid #ffffff;background:#334155;color:#fff;font-weight:700;cursor:pointer}.rn-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.rn-profile-wrap{position:relative}.rn-profile-menu{position:absolute;right:0;top:52px;width:280px;background:#fff;border:1px solid #d0d7e2;border-radius:10px;box-shadow:0 18px 34px #0f172a2e;padding:14px;z-index:30}.rn-profile-name{margin:0;font-size:17px;font-weight:700}.rn-profile-email{margin:6px 0 0;color:#64748b}.rn-profile-menu hr{border:0;border-top:1px solid #e2e8f0;margin:12px 0}.rn-profile-menu button{width:100%;border:0;background:transparent;text-align:left;padding:10px 12px;border-radius:8px;cursor:pointer;color:#1e293b;font-size:15px;transition:background-color .15s ease}.rn-profile-menu button:hover{background:#eef2f7}.rn-lk-main{max-width:960px;margin:0 auto;padding:28px 28px 40px}.rn-lk-main>.rn-lk-card{margin-bottom:16px}.rn-lk-main>.rn-lk-card:last-of-type{margin-bottom:0}.rn-lk-header-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.rn-lk-header-row h1{margin:0;color:#0f2347;font-size:42px}.rn-lk-card{background:#fff;border:1px solid #d8e0eb;border-radius:10px;overflow:hidden}.rn-lk-card-head{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e3e8ef}.rn-lk-card-head h2{margin:0;font-size:20px;color:#0f2347}.rn-lk-card-head-main{display:flex;align-items:center;gap:12px;min-width:0}.rn-lk-card-description{margin:0;padding:14px 16px 0;color:#334155;font-size:14px;line-height:1.4}.rn-status-badge{background:#fff0f0;border:1px solid #f7cbcb;color:#b42318;border-radius:6px;padding:4px 8px;font-size:13px}.rn-status-badge-muted{background:#f8fafc;border-color:#e2e8f0;color:#334155}.rn-status-badge-active{background:#ecfdf3;border:1px solid #86efac;color:#166534}.rn-lk-row{display:flex;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e8edf4}.rn-lk-row span{color:#64748b}.rn-lk-row strong{color:#475569}.rn-lk-row-link a{color:#2f56cc;font-weight:600;text-decoration:none}.rn-lk-row-link{align-items:center}.rn-lk-row-link a:hover{text-decoration:underline}.rn-link-action-btn,.rn-lk-row-link .rn-link-action-btn{color:#fff;text-decoration:none;min-width:164px}.rn-lk-row-link .rn-link-action-btn:hover{text-decoration:none}.rn-lk-subscription{margin-bottom:0}.rn-vip-badge{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 16px 0 12px;border:1px solid rgba(72,170,198,.32);border-radius:12px;background:#121e2a94;box-shadow:inset 0 0 0 1px #ffffff08;color:#eefaff;font-size:14px;font-weight:700;letter-spacing:.04em;white-space:nowrap}.rn-vip-badge-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.rn-vip-badge-icon svg{width:100%;height:100%;filter:drop-shadow(0 0 6px rgba(255,214,107,.24))}.rn-lk-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px}.rn-loading{min-height:100vh;display:grid;place-items:center;padding:24px}.rn-loading-state-card{display:grid;justify-items:center;gap:14px}.rn-loading-state-card strong{color:#243b67;font-size:24px;font-weight:700}.rn-products-inline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px}.rn-card-compact .rn-price{margin:10px 0;font-size:20px}.rn-checkout-split{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#f8fafc;border:1px solid #dbe4ef}.rn-checkout-split-row{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:#475569}.rn-checkout-split-row+.rn-checkout-split-row{margin-top:6px}.rn-dialog-backdrop{position:fixed;inset:0;background:#0f172a8f;display:grid;place-items:center;padding:20px;z-index:100}.rn-dialog-card{width:100%;max-width:480px;background:#fff;border:1px solid #d8e0eb;border-radius:14px;box-shadow:0 24px 60px #0f172a3d;padding:20px}.rn-dialog-card h3{margin:0 0 10px;color:#0f2347;font-size:24px}.rn-dialog-text{margin:0 0 14px;color:#475569;font-size:15px;line-height:1.45}.rn-dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.rn-loading-overlay{position:fixed;inset:0;z-index:120;background:#0f172a94;display:grid;place-items:center;padding:20px}.rn-loading-overlay-card{width:100%;max-width:360px;background:#fff;border:1px solid #d8e0eb;border-radius:16px;box-shadow:0 24px 60px #0f172a3d;padding:24px 22px;text-align:center}.rn-loading-overlay-card strong{display:block;margin-bottom:8px;color:#0f2347;font-size:20px}.rn-loading-overlay-card p{margin:0;color:#475569;font-size:14px;line-height:1.45}.rn-loading-spinner{width:44px;height:44px;margin:0 auto 14px;border-radius:50%;border:4px solid #dbe4ef;border-top-color:#2f56cc;animation:rn-spin .9s linear infinite}.rn-loading-spinner-large{width:56px;height:56px;border-width:5px;margin-bottom:0}@keyframes rn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rn-lk-empty{padding:16px;color:#64748b}.rn-orders-table-wrap{overflow-x:auto}.rn-orders-table{width:100%;border-collapse:collapse;font-size:14px}.rn-orders-table th,.rn-orders-table td{padding:12px 14px;border-bottom:1px solid #e5ebf3;text-align:left;white-space:nowrap}.rn-orders-table th{color:#334155;font-weight:700;background:#f8fafc}.rn-orders-table tbody td{color:#475569}.rn-main-error{margin-top:12px}.rn-alert-card{margin-bottom:16px}.rn-alert-note{margin:0;padding:0 14px 14px;line-height:1.35}.rn-inline-form{display:flex;gap:10px;padding:14px;flex-wrap:wrap}.rn-inline-form input{min-width:300px;flex:1;height:42px;border:1px solid #cbd5e1;border-radius:8px;padding:0 12px;font-size:15px}.rn-link-subscription-form{padding-top:12px}.rn-alert-note-preline{white-space:pre-line}.rn-lk-title-strong{color:#0f172a}.rn-result-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:#eef1f5}.rn-result-card{width:100%;max-width:620px;background:#fff;border:1px solid #d8e0eb;border-radius:12px;padding:24px;text-align:center}.rn-reset-card{max-width:760px;width:100%}.rn-reset-brand{margin-bottom:10px}.rn-reset-page{display:block;min-height:100vh;padding:0;background:#eef1f5}.rn-reset-page .rn-lk-topbar{width:100%}.rn-reset-main{padding-top:20px}.rn-reset-main .rn-reset-card{margin:0 auto}.rn-reset-card h1{color:#0f2347}.rn-reset-card>.rn-muted{margin:0 0 14px}.rn-reset-card .rn-form label{color:#1e293b}.rn-reset-hint{margin:-4px 0 2px;font-size:13px;color:#64748b}.rn-result-card h1{margin:6px 0 10px;color:#0f2347}.rn-result-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;font-weight:800;color:#fff}.rn-result-icon-success{background:#15803d}.rn-result-icon-fail{background:#b91c1c}.rn-result-order-id{margin-top:8px;color:#334155}.rn-result-actions{margin-top:18px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}@media(max-width:1200px){.rn-auth-page{grid-template-columns:1fr}.rn-auth-left{min-height:420px;padding:40px 24px 28px;gap:22px}.rn-shield-big{width:180px;height:180px;border-radius:48px;font-size:52px}.rn-auth-visual-wrap p{font-size:26px;max-width:420px}}@media(max-width:820px){.rn-hero,.rn-grid,.rn-products-inline{grid-template-columns:1fr}.rn-hero-left h1{font-size:32px}.rn-logo-image-topbar{width:172px}.rn-lk-header-row h1{font-size:26px;line-height:1.15;word-break:break-word}.rn-lk-header-row{flex-direction:column;align-items:stretch}.rn-lk-main{padding:24px 16px 32px}.rn-lk-actions{flex-direction:column;align-items:stretch}.rn-lk-actions .rn-btn{width:100%}.rn-lk-row{gap:10px}.rn-lk-row span,.rn-lk-row strong{font-size:15px}.rn-orders-table th,.rn-orders-table td{padding:10px;font-size:12px}.rn-status-badge{font-size:12px}.rn-reset-main{padding-top:20px}.rn-auth-left{min-height:280px;padding:24px 16px 16px;gap:12px}.rn-logo-image-large{width:min(460px,100%)}.rn-shield-big{width:120px;height:120px;border-radius:30px;font-size:36px}.rn-auth-visual-wrap p{font-size:18px;max-width:320px;margin-top:8px}.rn-auth-right{padding:16px}}@media(max-width:480px){.rn-lk-topbar{padding:0 12px}.rn-logo-image-topbar{width:146px}.rn-lk-main{padding:16px 10px 24px}.rn-lk-header-row h1{font-size:22px}.rn-lk-card-head h2{font-size:18px}.rn-lk-card-head{align-items:flex-start;flex-direction:column}.rn-lk-card-head-main{width:100%;justify-content:space-between}.rn-vip-badge{min-height:38px;padding:0 14px 0 10px;font-size:13px}.rn-lk-row{padding:12px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,system-ui,sans-serif;font-size:14px}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}:root{--bg:#0a0a0f;--text:#f0f0f0;--text-muted:#b0b0c0;--text-muted-2:#b0b0d0;--accent:#1bb7c9;--accent-2:#1a7fb8;--accent-3:#2ac6d3;--accent-dk:#116a8f;--accent-dk2:#0f6b93;--accent-10:rgba(27,183,201,.1);--accent-08:rgba(27,183,201,.08);--accent-12:rgba(27,183,201,.12);--accent-15:rgba(27,183,201,.15);--accent-20:rgba(27,183,201,.2);--accent-25:rgba(27,183,201,.25);--accent-30:rgba(27,183,201,.3);--accent-32:rgba(27,183,201,.32);--accent-35:rgba(27,183,201,.35);--accent-40:rgba(27,183,201,.4);--accent-45:rgba(27,183,201,.45);--accent-50:rgba(27,183,201,.5);--surface-80:rgba(26,26,36,.8);--surface-85:rgba(26,26,36,.85);--surface-90:rgba(26,26,36,.9);--surface-95:rgba(26,26,36,.95);--surface-30-40:rgba(30,30,40,.9);--surface-30-40-80:rgba(30,30,40,.8);--surface-40-50:rgba(40,40,50,.4);--surface-50-60:rgba(50,50,60,.4);--surface-60-80:rgba(60,60,80,.6);--surface-60-80-40:rgba(60,60,80,.4);--shadow-accent:rgba(27,183,201,.3);--shadow-accent-weak:rgba(27,183,201,.2)}body{background-color:var(--bg);color:#d0d0d0;min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:flex-start;padding:0;position:relative;overflow-x:hidden;overflow-y:scroll}.logoImage{background-image:url(/assets/logo-C7ORYCr0.png);width:200px;height:40px;background-size:contain;background-repeat:no-repeat;background-position:center}.background-svg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.4;pointer-events:none;min-width:1920px;min-height:1080px}.container{width:100%;max-width:760px;min-width:0;background-color:transparent;border-radius:14px;overflow:visible;box-shadow:none;position:relative;z-index:1;border:none;height:fit-content;margin:0 auto;-webkit-backdrop-filter:none;backdrop-filter:none;padding-top:0}.modal-content{width:450px;max-width:calc(100% - 48px);max-height:calc(100vh - 60px);overflow-y:auto;overflow-x:hidden;margin:0 24px}.header{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:var(--surface-30-40);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--accent-25);border-top:0;border-radius:0 0 12px 12px;position:sticky;top:0;z-index:100;box-shadow:0 6px 18px #00000059;margin-top:0}.header-left{display:flex;align-items:center}.logo{display:flex;align-items:center;gap:10px;white-space:nowrap}.logo-icon{width:28px;height:28px;color:var(--accent)}.logo-text{font-size:1.3rem;font-weight:700;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 8px var(--accent-30);white-space:nowrap}.header-right{display:flex;gap:12px;padding:2px}.vip-badge{display:flex;align-items:center;gap:8px;height:37px;padding:0 15px 0 10px;border:1px solid rgba(72,170,198,.32);border-radius:10px;background:#121e2a94;box-shadow:inset 0 0 0 1px #ffffff08;color:#eefaff;font-size:12px;font-weight:700;letter-spacing:.05em;white-space:nowrap;order:4}.vip-badge-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.vip-badge-icon svg{width:100%;height:100%;filter:drop-shadow(0 0 6px rgba(255,214,107,.24))}.icon-btn{overflow:hidden;background:var(--surface-60-80);border:1px solid var(--accent-30);border-radius:8px;width:37px;height:37px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted-2);font-weight:500}.icon-btn:hover{background:var(--accent-30);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-20)}.icon-btn.qr-btn:hover,.icon-btn.tg-btn:hover{transform:none}.header-icon{width:20px;height:20px}.qr-header{background:var(--surface-60-80);border:1px solid var(--accent-30);border-radius:8px;padding:8px 12px;margin-top:8px;text-align:center;font-size:.85rem;color:var(--text-muted-2);display:none}.qr-header.active{display:block;animation:fadeIn .3s ease}.content{display:flex;flex-direction:column;gap:12px;margin-top:12px}.section{margin-bottom:0;border:1px solid var(--accent-20);padding:12px;background:var(--surface-85);border-radius:12px;box-shadow:0 6px 18px #00000059}.section:last-child{margin-bottom:0}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:6px;cursor:pointer;border:1px solid transparent;transition:all .3s ease}.section-header-left{display:flex;align-items:center;gap:12px}.section-header-left>div>div:nth-child(2){opacity:.5}.section-icon{width:24px;height:24px;color:var(--accent)}.section-title{font-size:1.3rem;font-weight:600;color:var(--text);text-shadow:0 0 4px var(--accent-20)}.arrow-icon{transition:transform .3s ease}.toggle-btn{background:transparent;border:none;padding:6px;color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center}.toggle-btn:hover{opacity:.8}.toggle-btn:disabled{opacity:.5;cursor:not-allowed}.cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;overflow:hidden;height:auto;max-height:480px;transition:max-height .35s ease,opacity .35s ease,padding-top .35s ease,margin .35s ease}.cards-grid.hidden{padding-top:0;max-height:0;opacity:0;margin:0;overflow:hidden}.cards-grid:not(.hidden){padding-top:8px;opacity:1;max-height:480px}.card{background-color:var(--surface-90);border-radius:10px;padding:11px;border:1px solid transparent;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:100%;display:flex;flex-direction:column;transition:all .3s ease}.card:hover{transform:none;box-shadow:0 8px 20px #0006}.card-1{background:linear-gradient(135deg,#228be61a,#1c7ed60d);border:1px solid rgba(34,139,230,.2)}.card-2{background:linear-gradient(135deg,#fa52521a,#e031310d);border:1px solid rgba(250,82,82,.2)}.card-3{border-color:#00d2ff;background:linear-gradient(145deg,var(--surface-90),rgba(0,210,255,.15))}.card-4{background:linear-gradient(135deg,#fab0051a,#f59f000d);border:1px solid rgba(250,176,5,.2)}.card-R{background:linear-gradient(135deg,#fa52521a,#e031310d);border:1px solid rgba(250,82,82,.2)}.card-R .card-icon,.card-R .card-title{color:#fa5252}.card-G{background:linear-gradient(135deg,#40c05733,#37b24d1a);border:1px solid rgba(64,192,87,.3)}.card-G .card-icon,.card-G .card-title{color:#40c057}.card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.card-icon{width:18px;height:18px}.card-1 .card-icon{color:#228be6}.card-2 .card-icon{color:var(--accent-2)}.card-3 .card-icon{color:#00d2ff}.card-4 .card-icon{color:#f59f00}.card-title{font-size:13px;font-weight:600}.card-1 .card-title{color:#228be6}.card-2 .card-title{color:var(--accent-2)}.card-3 .card-title{color:#00d2ff}.card-4 .card-title{color:#f59f00}.card-content{font-size:1rem;line-height:1.35;color:var(--text-muted);flex:1;font-weight:600}.section-control{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.control-label{font-size:1.1rem;font-weight:600;color:var(--text);text-shadow:0 0 4px var(--accent-20);flex-shrink:0}.custom-select{position:relative;width:150px}.select-header{background-color:var(--surface-90);border:1px solid var(--accent-50);border-radius:8px;padding:10px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease}.select-header:hover{border-color:var(--accent);box-shadow:0 4px 12px var(--accent-20)}.select-icon{width:18px;height:18px;color:var(--accent)}.select-value{font-size:.95rem;font-weight:500;color:var(--text)}.badge-recommended{background:var(--accent-20);color:var(--accent);font-size:.75rem;padding:2px 6px;border-radius:8px;margin-left:8px;border:1px solid var(--accent-30)}.select-options{position:absolute;top:100%;left:0;right:0;background-color:var(--surface-95);border:1px solid var(--accent-50);border-radius:8px;margin-top:4px;overflow:hidden;z-index:10;display:none;box-shadow:0 8px 25px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.select-options.active{display:block;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.select-option{padding:10px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.select-option:hover{background-color:var(--accent-10)}.select-option.active{background-color:var(--accent-20)}.select-option.disabled{opacity:.5;cursor:not-allowed}.select-option.disabled:hover{background-color:transparent}.option-icon{width:16px;height:16px;color:var(--accent)}.option-text{font-size:.95rem;font-weight:500;color:var(--text);flex:1;display:flex;align-items:center;gap:6px}.option-badge{background:var(--accent-20);color:var(--accent);font-size:.7rem;padding:1px 5px;border-radius:6px;white-space:nowrap}.option-badge.popular{background:#ff6b6b33;color:#ff6b6b}.option-disabled{font-size:.75rem;color:#888;font-style:italic}.content-display{min-height:220px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:auto;overflow:hidden;max-width:100%}.content-section{display:none;max-width:100%;min-width:0}.content-section.active{display:block;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tabs-container{display:flex;gap:4px;margin-bottom:16px;max-width:100%}.tab-button{border:1px solid var(--accent-30);background:transparent;padding:10px 16px;color:var(--text-muted-2);cursor:pointer;font-weight:500;font-size:.9rem;flex:1;text-align:left;position:relative;border-radius:6px;overflow:hidden}.tab-button:hover{background:var(--accent-10);color:var(--text)}.tab-button.active{background:var(--accent-15);color:#fff;border-left:4px solid var(--accent)}.tab-button.with-icon{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left}.tab-button.with-icon .tab-label{flex:1;min-width:0;font-size:.95rem;font-weight:600;color:inherit;position:relative;z-index:2}.tab-button.with-icon .tab-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--accent-12);border:1px solid var(--accent-30);flex-shrink:0;position:relative;z-index:2;box-shadow:inset 0 0 10px var(--accent-08)}.tab-button.with-icon .tab-icon img{width:22px;height:22px;display:block;opacity:.85}.tab-button.with-icon .tab-icon svg{width:22px;height:22px;display:block}.tab-button:not(.active).with-icon .tab-icon{border-color:var(--accent-20)}.tab-button:not(.active).with-icon .tab-icon img{opacity:.7}.tab-button:not(.active).with-icon .tab-icon svg{opacity:.7}.tab-button.active.with-icon{background:linear-gradient(135deg,#14608499,#1c2030e6);border-color:#00c8ff73;box-shadow:0 6px 16px #00000059,inset 0 0 12px #00c8ff1f;color:#e8f6ff}.tab-button.active.with-icon .tab-icon{background:#00c8ff1f;border-color:#00c8ff99;box-shadow:0 0 14px #00c8ff59}.iconLink,.iconAdd{width:18px;height:18px;background:currentColor;border-radius:3px;position:relative}.iconLink:before{content:"";position:absolute;width:9px;height:9px;border:2px solid currentColor;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:2px}.iconAdd:before{content:"+";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:700}.download-buttons{display:flex;gap:12px;margin:16px 0;flex-wrap:wrap}.download-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none;border-radius:6px;text-decoration:none;font-weight:500;transition:all .3s ease;flex:1;min-width:180px;justify-content:center}.download-btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px var(--accent-30);color:#fff}.download-btn.secondary{background:var(--surface-60-80);border:1px solid var(--accent-50)}.download-btn.secondary:hover{background:var(--accent-20)}.btn-icon{width:18px;height:18px}.content-section h3{font-size:1.2rem;margin-bottom:12px;color:var(--text);text-shadow:0 0 4px var(--accent-20);word-break:break-word}.content-section h4{font-size:1.1rem;margin:16px 0 8px;color:#e0e0e0;word-break:break-word}.content-section p{margin-bottom:12px;line-height:1.5;color:var(--text-muted);word-break:break-word}.content-section ol,.content-section ul{margin:12px 0 12px 18px;color:var(--text-muted)}.content-section li{margin-bottom:6px;line-height:1.4}.mac-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:16px 0}.mac-option{background:var(--surface-40-50);border-radius:8px;padding:16px;border:1px solid var(--accent-20)}.mac-option.recommended{border-color:var(--accent);background:linear-gradient(145deg,var(--surface-40-50),var(--accent-10))}.option-badge{display:inline-block;background:var(--accent);color:#fff;padding:3px 8px;border-radius:10px;font-size:.75rem;margin-bottom:8px}.mac-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--accent-20);color:var(--accent);border:1px solid var(--accent);border-radius:6px;text-decoration:none;margin-top:12px;transition:all .3s ease}.mac-btn:hover{background:var(--accent-30);transform:translateY(-1px)}.mac-btn.secondary{background:var(--surface-60-80-40);border-color:var(--accent-2);color:var(--accent-2)}.mac-btn.secondary:hover{background:#1a7fb833}.mac-note{font-size:.8rem;color:#888;margin-top:8px}.ios-apps{display:flex;flex-direction:column;gap:16px;margin:16px 0}.ios-app{display:flex;align-items:center;gap:12px;background:var(--surface-40-50);border-radius:8px;padding:12px;border:1px solid var(--accent-20)}.app-icon{width:45px;height:45px;background:var(--accent-10);border-radius:10px;display:flex;align-items:center;justify-content:center}.app-icon svg{width:26px;height:26px;color:var(--accent)}.app-info{flex:1}.app-info h4{margin:0 0 4px;color:var(--text)}.app-info p{margin:0;font-size:.85rem;color:var(--text-muted)}.ios-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--accent-20);color:var(--accent);border:1px solid var(--accent);border-radius:6px;text-decoration:none;font-size:.85rem;transition:all .3s ease}.ios-btn:hover{background:var(--accent-30);transform:translateY(-1px)}.ios-btn.secondary{background:var(--surface-60-80-40);border-color:var(--accent-2);color:var(--accent-2)}.qr-section{margin:20px 0}.qr-container{display:flex;align-items:center;gap:16px;margin-top:12px}.qr-placeholder{background:var(--surface-40-50);border-radius:8px;padding:16px;text-align:center;border:1px dashed var(--accent-30)}.qr-code{width:130px;height:130px;background:#ffffff1a;border-radius:6px;margin:0 auto 8px}.qr-download{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--accent-20);color:var(--accent);border:1px solid var(--accent);border-radius:6px;text-decoration:none;transition:all .3s ease}.qr-download:hover{background:var(--accent-30);transform:translateY(-1px)}.windows-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:16px 0}.windows-option{background:var(--surface-40-50);border-radius:8px;padding:16px;border:1px solid var(--accent-20)}.windows-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--accent-20);color:var(--accent);border:1px solid var(--accent);border-radius:6px;text-decoration:none;margin:8px 0;transition:all .3s ease;width:100%;justify-content:center}.windows-btn:hover{background:var(--accent-30);transform:translateY(-1px)}.windows-btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}.system-requirements{font-size:.8rem;color:#888;margin-top:8px}.distro-buttons{margin:16px 0}.distro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:12px}.distro-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:var(--surface-40-50);border:1px solid var(--accent-20);border-radius:6px;color:#e0e0e0;cursor:pointer;transition:all .3s ease}.distro-btn:hover{background:var(--accent-10);transform:translateY(-1px)}.distro-icon{width:26px;height:26px;color:var(--accent)}.terminal-code{background:#0a0a0fcc;border-radius:6px;padding:12px;margin:12px 0;font-family:Consolas,monospace;overflow-x:auto}.terminal-code pre{margin:0}.terminal-code code{color:#0f8;font-size:.85rem}.terminal-code.small{padding:8px;font-size:.8rem}.tv-installation{background:var(--surface-40-50);border-radius:8px;padding:16px;margin:16px 0;border:1px solid var(--accent-20)}.tv-device{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.device-icon{width:55px;height:55px;color:var(--accent)}.device-info ul{margin:8px 0 0 18px;color:var(--text-muted)}.appstore-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--accent-20);color:var(--accent);border:1px solid var(--accent);border-radius:6px;text-decoration:none;justify-content:center;transition:all .3s ease}.appstore-btn:hover{background:var(--accent-30);transform:translateY(-1px)}.features-grid,.streaming-features,.clash-features,.linux-features,.windows-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:16px 0}.feature,.streaming-card,.clash-card,.feature-card,.feature-block{background:var(--surface-40-50);border-radius:8px;padding:16px;border:1px solid var(--accent-20)}.feature-icon{width:36px;height:36px;color:var(--accent);margin-bottom:12px}.config-section,.config-downloads,.config-management,.tv-config{margin:20px 0}.config-buttons,.config-links,.config-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:12px}.config-btn,.config-download-btn,.config-link,.config-card{display:flex;align-items:center;gap:8px;padding:12px;background:var(--surface-40-50);border:1px solid var(--accent-20);border-radius:6px;text-decoration:none;color:#e0e0e0;transition:all .3s ease}.config-btn:hover,.config-download-btn:hover,.config-link:hover,.config-card:hover{background:var(--accent-10);transform:translateY(-1px)}.config-card{flex-direction:column;align-items:flex-start}.card-header{display:flex;align-items:center;gap:8px;width:100%}.card-format{background:var(--accent-20);color:var(--accent);padding:2px 6px;border-radius:3px;font-size:.75rem}.support-links,.mac-support,.windows-support{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.support-btn,.support-link{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--surface-40-50);border:1px solid var(--accent-30);border-radius:6px;text-decoration:none;color:var(--text-muted-2);transition:all .3s ease}.support-btn:hover,.support-link:hover{background:var(--accent-20);color:var(--accent)}.support-btn.secondary,.support-link.secondary{border-color:var(--accent-2)}.support-btn.secondary:hover,.support-link.secondary:hover{background:#1a7fb833;color:var(--accent-2)}.quick-steps,.ios-steps{display:flex;flex-direction:column;gap:12px;margin:16px 0}.step{display:flex;align-items:flex-start;gap:12px;background:var(--surface-40-50);border-radius:8px;padding:12px;border:1px solid var(--accent-10)}.step-number{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.step-content{flex:1}.step-content h5{font-size:.95rem;margin-bottom:4px;color:var(--text)}.step-content p{margin:0;font-size:.85rem;color:var(--text-muted)}.config-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.config-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--surface-40-50);border-radius:6px;text-decoration:none;color:#e0e0e0;border:1px solid transparent;transition:all .3s ease}.config-item:hover{background:var(--accent-10);border-color:var(--accent-30)}.item-icon{width:26px;height:26px;color:var(--accent)}.install-steps,.install-guide{margin:16px 0;background:var(--surface-40-50);border-radius:8px;padding:16px;border:1px solid var(--accent-20)}.install-steps ol,.install-guide ol{margin:12px 0 0 22px}.protocol-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:16px 0}.protocol-card{background:var(--surface-40-50);border-radius:8px;padding:16px;border:1px solid var(--accent-20)}.protocol-card ul{margin:8px 0 0 18px}.streaming-icons{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.streaming-icon{background:var(--accent-10);color:var(--accent);padding:4px 8px;border-radius:5px;font-size:.75rem;font-weight:500}.ios-tips,.config-note{background:var(--surface-40-50);border-radius:8px;padding:12px;margin:16px 0;border-left:3px solid var(--accent)}.ios-tips ul{margin:8px 0 0 18px}.docs-link{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--accent-20);color:var(--accent);border:1px solid var(--accent);border-radius:6px;text-decoration:none;justify-content:center;margin-top:12px;transition:all .3s ease}.docs-link:hover{background:var(--accent-30);transform:translateY(-1px)}.docs-icon{width:18px;height:18px}.disabled-feature{opacity:.6}.feature-status{font-size:.8rem;color:#888;font-style:italic}.instructions-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--accent-20)}.instructions-title{font-size:1.1rem;margin-bottom:16px;color:var(--text);display:flex;align-items:center;gap:8px}.instructions-icon{width:22px;height:22px;color:#00d2ff}.instructions-steps{display:flex;flex-direction:column;gap:12px}.instruction-step{display:flex;align-items:flex-start;gap:12px;background:var(--surface-40-50);border-radius:8px;padding:12px;border:1px solid var(--accent-10)}.instruction-step:hover{background:var(--surface-50-60);transform:translate(4px);border-color:var(--accent-30)}.mode-metadata{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px}.metadata-tag{padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.metadata-tag.recommended{background:var(--accent-20);color:var(--accent);border:1px solid var(--accent-30)}.metadata-tag.mobile{background:#00d2ff33;color:#00d2ff;border:1px solid rgba(0,210,255,.3)}.metadata-tag.tv{background:#ff6b6b33;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.metadata-tag.desktop{background:#1a7fb833;color:var(--accent-2);border:1px solid rgba(26,127,184,.3)}.metadata-tag.popular{background:#148ea433;color:#148ea4;border:1px solid rgba(20,142,164,.3)}.notification{position:fixed;bottom:25px;right:25px;background-color:var(--surface-95);border:1px solid var(--accent-50);border-radius:8px;padding:12px 20px;box-shadow:0 4px 20px var(--accent-30);z-index:1001;transform:translateY(80px);opacity:0;transition:transform .4s ease,opacity .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notification.active{transform:translateY(0);opacity:1}.notification span{color:var(--text);font-weight:500}.mode-icon-basic{color:var(--accent)}.mode-icon-advanced{color:var(--accent-2)}.mode-icon-performance{color:#00d2ff}.mode-icon-security{color:#ff6b6b}.mode-icon-custom{color:#148ea4}.loading-state{grid-column:1/-1;text-align:center;padding:24px;color:#888}.tab-content{display:flex;flex-direction:column}.tab-content>div{display:flex;flex-direction:row}.tab-content>div>div:nth-child(2){width:calc(100% - 72px);padding:14px}.tab-content>div>div:nth-child(2)>.stepHead{font-size:16px;font-weight:600;color:var(--text);margin:0;line-height:1.3}.tab-content>div>div:nth-child(2)>.stepTitle{margin-top:14px;font-size:13px;font-weight:600;color:var(--text-muted);line-height:1.4}.tab-content>div>div:nth-child(2)>.stepLink{display:flex;flex-direction:row;gap:6px;margin-top:10px}.tab-content>div>div:nth-child(2)>.stepLink a{display:flex;padding:8px 14px;text-decoration:none;border-radius:6px;border:1px solid var(--accent-30);font-size:13px;color:var(--text);background-color:var(--accent-15);align-items:center}.tab-content>div>div:nth-child(2)>.stepLink a>div:nth-child(2){flex:1}.tab-content>div>div:nth-child(2)>.stepLink a:hover{box-shadow:0 0 14px var(--accent) 52;background-color:var(--accent)52}.tab-content>div>div:nth-child(2)>.stepLink a{border-left:4px solid var(--accent);box-shadow:0 0 14px var(--accent-15)}.tab-content>div>div:nth-child(2)>.stepLink a .iconLink{width:15px;height:15px;flex-shrink:0;margin-right:6px;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>') center/contain no-repeat;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>') center/contain no-repeat}.tab-content>div>div:nth-child(2)>.stepLink a .iconAdd{width:15px;height:15px;flex-shrink:0;margin-right:6px;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>') center/contain no-repeat;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>') center/contain no-repeat}.tab-content>div>div:nth-child(2)>.stepLink a .iconDoc{width:15px;height:15px;flex-shrink:0;margin-right:6px;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>') center/contain no-repeat;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>') center/contain no-repeat}.tab-content>div>div:nth-child(1){width:45px;position:relative;--step-line-x:21px}.tab-content>div>div:nth-child(1):before{content:"";position:absolute;left:var(--step-line-x);top:-40px;bottom:-40px;width:2px;background:linear-gradient(to bottom,transparent 0%,var(--accent-2) 20%,var(--accent-3) 50%,var(--accent-2) 80%,transparent 100%);transform:translate(-50%);z-index:0}.tab-content>div:first-child>div:nth-child(1):before{top:20px!important}.tab-content>div:last-child>div:nth-child(1):before{bottom:60%}.tab-content>div>div:nth-child(1):after{content:"";position:absolute;left:var(--step-line-x);top:34px;width:34px;height:34px;background:#2a2a2a;border-radius:50%;border:1px solid var(--accent-2);transform:translate(-50%,-50%);z-index:1;box-shadow:0 0 0 3px #1a7fb81a,inset 0 0 16px #1a7fb80d;display:flex;align-items:center;justify-content:center}.tab-content>div[data-step="1"]>div:nth-child(1):after{background-repeat:no-repeat;background-position:center;background-size:18px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%231bb7c9" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>')}.tab-content>div[data-step="2"]>div:nth-child(1):after{background-repeat:no-repeat;background-position:center;background-size:18px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%231bb7c9" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M12 19v.01"></path><path d="M12 15v-10"></path></svg>')}.tab-content>div[data-step="3"]>div:nth-child(1):after{background-repeat:no-repeat;background-position:center;background-size:18px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%231bb7c9" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M19 18a3.5 3.5 0 0 0 0 -7h-1a5 4.5 0 0 0 -11 -2a4.6 4.4 0 0 0 -2.1 8.4"></path><path d="M12 13l0 9"></path><path d="M9 19l3 3l3 -3"></path></svg>')}.tab-content>div[data-step="4"]>div:nth-child(1):after{background-repeat:no-repeat;background-position:center;background-size:18px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%231bb7c9" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M12 19v.01"></path><path d="M12 15v-10"></path></svg>')}.tab-content>div[data-step="5"]>div:nth-child(1):after{background-repeat:no-repeat;background-position:center;background-size:18px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%231bb7c9" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>')}.modal-overlay{overflow-y:auto;position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:0 24px}.modal-content{margin-top:40px!important;flex-direction:column;max-height:calc(100vh - 30px);width:450px;max-width:calc(100% - 48px);background:var(--surface-95);border-radius:14px;box-shadow:0 16px 40px #000c;border:1px solid var(--accent-40);overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--accent-30);background:var(--surface-30-40-80)}.modal-header h3{margin:0;font-size:1.2rem;font-weight:600;color:var(--text);text-shadow:0 0 8px var(--accent-30)}.modal-close{position:relative;top:-5px;background:none;border:none;font-size:40px;cursor:pointer;color:var(--text-muted-2);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:5px}.modal-close:hover{cursor:pointer;opacity:.7}.modal-body{max-height:calc(100vh - 160px);padding:20px}.qr-code-container{display:flex;justify-content:center}.qr-code-container svg{width:100%;height:auto;max-width:300px}.subscription-url{display:flex;flex-direction:column}.subscription-url>div:nth-child(1){text-align:center;font-size:16px;font-weight:600;color:var(--text);line-height:1.3;margin:14px 0}.subscription-url>div:nth-child(2){text-align:center;margin-top:14px;font-size:13px;font-weight:600;color:var(--text-muted);line-height:1.4;margin-bottom:14px}.subscription-url>div:nth-child(1){margin:12px 0;font-size:15px}.subscription-url>div:nth-child(2){margin-top:12px;font-size:12px;margin-bottom:12px}.url-input{flex:1;padding:10px 12px;border:1px solid var(--accent-30);border-radius:8px;font-size:.85rem;background:#0a0a0f99;color:#e0e0e0;font-family:Consolas,monospace;letter-spacing:.5px}.url-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-20)}.copy-btn{padding:10px 16px;font-size:12px;margin-top:10px}.copy-btn{display:flex;padding:8px 14px;text-decoration:none;border-radius:6px;border:1px solid var(--accent-30);font-size:13px;color:var(--text);background-color:var(--accent-15);border-left:4px solid var(--accent);box-shadow:0 0 14px var(--accent-15);justify-content:center}.copy-btn:hover{cursor:pointer;box-shadow:0 0 14px var(--accent-45)}.copy-btn1{padding:10px 18px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;font-size:.85rem;transition:all .3s ease;min-width:90px}.copy-btn1:hover{background:linear-gradient(135deg,var(--accent-dk),var(--accent-dk2));transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-30)}.copy-btn1:active{transform:translateY(0);box-shadow:0 2px 6px var(--accent-20)}.qr-icon-btn{background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4caf50;transition:all .3s ease}.qr-icon-btn:hover{background:#4caf5033;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #4caf5033}.tg-icon-btn{background:#0088cc1a;border:1px solid rgba(0,136,204,.3);border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#08c;text-decoration:none;transition:all .3s ease}.tg-icon-btn:hover{background:#08c3;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #08c3}.header-buttons{display:flex;gap:8px;align-items:center;margin-left:auto}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content{animation:modalFadeIn .3s ease-out}.qr-icon-btn svg{width:20px;height:20px}.tg-icon-btn svg{width:20px;height:20px}.qr-code-container svg path[d="M0,0 h57v57H0z"]{display:none!important}@media(max-width:850px){.section{border-radius:0}.container{margin:0;max-width:100%;border-radius:0;border-left:none;border-right:none}.header{border-radius:0;padding:12px;flex-direction:row;gap:0}.download-buttons{flex-direction:column;gap:10px}.download-btn{min-width:100%}.mac-options,.features-grid,.streaming-features,.clash-features,.linux-features,.ios-apps{flex-direction:column;gap:12px}.ios-app{flex-direction:row;text-align:left}.qr-container{flex-direction:column;gap:12px}.tab-button{font-size:.82rem;padding:10px 12px}}@media(max-width:600px){body{padding:0}.logo-text{font-size:1.5rem}.header-left{min-width:0;flex:1}.logo{gap:6px;max-width:100%}.logoImage{width:150px;max-width:42vw;height:30px}.header-right{flex-shrink:0;gap:7px}.content{padding:0}.section-title{font-size:1.1rem}.content-display{min-height:0}.tabs-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.tab-button{padding:12px 10px 09px;width:100%;text-align:center;border-left:1px solid var(--accent-30);font-size:.85rem;white-space:normal}.tab-button.active{padding:08px 10px 10px;border-left:1px solid var(--accent-30);border-top:3px solid var(--accent)}.tab-button.with-icon{padding:09px 10px;text-align:left}.tab-button.active.with-icon{padding:08px 10px 10px;border-top:3px solid rgba(0,200,255,.6)}.tab-button.with-icon .tab-icon{width:32px;height:32px}.instructions-steps{gap:8px}.instruction-step{padding:10px;gap:8px}.step-number{width:24px;height:24px;font-size:.8rem}.step-content h5{font-size:.9rem}.step-content p{font-size:.8rem}.config-buttons,.config-links,.config-cards{grid-template-columns:1fr;gap:8px}.download-buttons{gap:8px}.download-btn{padding:10px 12px;font-size:.85rem}.qr-container{padding:8px}.terminal-code{padding:10px;font-size:.8rem}}@media(max-width:420px){.header{flex-wrap:wrap;justify-content:center;gap:8px 6px}.header-left{flex:1 1 100%;justify-content:center}.header-right{flex:1 1 100%;justify-content:center;padding:0;flex-wrap:wrap}.logo{justify-content:center;max-width:100%}.header{padding:10px 8px;gap:8px}.logoImage{width:128px;height:28px}.header-right{gap:6px;padding:0}.icon-btn{width:34px;height:34px}.lang-btn{min-width:32px;padding:0 6px;font-size:11px}.vip-badge{height:34px;padding:0 11px 0 9px;font-size:11px;gap:6px}.vip-badge-icon{width:17px;height:17px}.content{gap:8px;margin-top:8px}.section{padding:10px;border-radius:10px}.section-header-left{gap:8px;min-width:0}.section-header-left>div>div:nth-child(1),.section-header-left>div>div:nth-child(2){overflow-wrap:anywhere;word-break:break-word}.section-header-left>div>div:nth-child(1){font-size:13px;line-height:1.25}.section-header-left>div>div:nth-child(2){font-size:12px;line-height:1.25}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.card{padding:10px}.card-content{font-size:.92rem;line-height:1.3}.section-control{margin-bottom:12px;gap:8px}.control-label{font-size:1rem}.custom-select{width:100%}.select-header{padding:9px 10px}.tabs-container{grid-template-columns:repeat(2,minmax(0,1fr))}.tab-button{font-size:.82rem;padding:10px 8px}.tab-button.with-icon{gap:8px;padding:9px 8px}.tab-button.with-icon .tab-label{font-size:.86rem}.tab-button.with-icon .tab-icon{width:28px;height:28px}.tab-button.with-icon .tab-icon img,.tab-button.with-icon .tab-icon svg{width:18px;height:18px}.tab-content>div>div:nth-child(1){width:36px;--step-line-x:17px}.tab-content>div>div:nth-child(1):after{width:28px;height:28px;top:30px;background-size:15px!important}.tab-content>div>div:nth-child(2){width:calc(100% - 56px);padding:10px 8px 10px 10px}.tab-content>div>div:nth-child(2)>.stepHead{font-size:14px}.tab-content>div>div:nth-child(2)>.stepTitle{font-size:12px;margin-top:10px}.tab-content>div>div:nth-child(2)>.stepLink{flex-direction:row;gap:6px;flex-wrap:wrap}.tab-content>div>div:nth-child(2)>.stepLink a{flex:1 1 calc(50% - 3px);min-width:0;font-size:12px;padding:8px 10px}.modal-overlay{padding:12px}.modal-content{margin-top:0!important;max-width:100%;max-height:calc(100dvh - 24px)}.modal-header{padding:12px 14px}.modal-header h3{font-size:1rem}.modal-close{font-size:32px;width:24px;height:24px}.modal-body{max-height:calc(100dvh - 150px);padding:12px}.qr-code-container svg{max-width:220px}.subscription-url>div:nth-child(1){font-size:14px}.subscription-url>div:nth-child(2){font-size:11px}}@media(max-width:380px){.header{padding:8px 6px}.logoImage{width:116px;height:26px}.section-header-left>.bad,.section-header-left>.good{width:32px;height:32px}.section-header-left>.good>svg{width:15px;height:15px}.section-header-left>.bad>svg{width:12px;height:12px}.tab-content>div{display:block;border-left:2px solid var(--accent-30);padding-left:10px;margin-left:3px}.tab-content>div>div:nth-child(1){display:none}.tab-content>div>div:nth-child(2){width:100%;padding:10px 2px 12px 0}.tab-content>div>div:nth-child(2)>.stepLink a{padding:8px;font-size:12px}}@media(max-width:340px){.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.header{padding:7px 5px;gap:6px}.logoImage{width:102px;height:24px}.header-right{gap:4px}.icon-btn{width:30px;height:30px;border-radius:7px}.lang-switch{gap:4px}.lang-btn{min-width:28px;padding:0 4px;font-size:10px}.vip-badge{height:30px;padding:0 9px 0 7px;font-size:10px;border-radius:8px}.vip-badge-icon{width:15px;height:15px}.section{padding:8px;border-radius:8px}.section-header{gap:8px}.section-header-left{gap:6px}.section-header-left>.bad,.section-header-left>.good{width:28px;height:28px}.section-header-left>.good>svg{width:13px;height:13px}.section-header-left>.bad>svg{width:11px;height:11px}.section-header-left>div>div:nth-child(1){font-size:12px}.section-header-left>div>div:nth-child(2){font-size:11px}.toggle-btn{padding:3px}.custom-select{width:100%}.select-header{padding:8px 9px;gap:6px}.select-value{font-size:.88rem}.tabs-container{gap:4px;margin-bottom:10px}.tab-button{padding:8px 7px;font-size:.78rem}.tab-button.with-icon{padding:8px 7px;gap:6px}.tab-button.with-icon .tab-label{font-size:.8rem}.tab-button.with-icon .tab-icon{width:24px;height:24px;border-radius:6px}.tab-button.with-icon .tab-icon img,.tab-button.with-icon .tab-icon svg{width:16px;height:16px}.tab-content>div{padding-left:8px;margin-left:2px}.tab-content>div>div:nth-child(2){padding:8px 0 10px}.tab-content>div>div:nth-child(2)>.stepHead{font-size:13px}.tab-content>div>div:nth-child(2)>.stepTitle{font-size:11px;margin-top:8px}.tab-content>div>div:nth-child(2)>.stepLink{margin-top:8px}.tab-content>div>div:nth-child(2)>.stepLink{flex-direction:column}.tab-content>div>div:nth-child(2)>.stepLink a{padding:7px;font-size:11px;flex-basis:100%;width:100%}.card{padding:9px}.card-title{font-size:12px}.card-content{font-size:.86rem}.modal-overlay{padding:8px}.modal-header{padding:10px 12px}.modal-body{padding:10px}.qr-code-container svg{max-width:200px}}@media(min-width:1920px){body{padding:0 10px 10px;align-items:flex-start}.container{margin:0 auto}}@media(min-width:2560px){body{padding:0 10px 10px}.container{transform:scale(1.03);transform-origin:top center}}@media(max-width:640px){.tab-content>div:last-child>div:nth-child(1):before{bottom:80%}}@media(max-width:360px){.custom-select{width:150px}}.section-header-left{padding-left:2px}.section-header-left>.good{background-color:#52fa5226;border:1px solid rgba(82,250,82,.4)}.section-header-left>.bad{background-color:#fa525226;border:1px solid rgba(250,82,82,.4)}.section-header-left>.bad,.section-header-left>.good{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:50%}.section-header-left>.good>svg{fill:#52fa5266;stroke:#52fa5266;width:18px;height:18px}.section-header-left>.bad>svg{fill:#fa525266;stroke:#fa525266;width:14px;height:14px}.lang-switch{display:flex;gap:6px}.lang-btn{width:auto;min-width:37px;padding:0 8px;font-size:12px;font-weight:700;letter-spacing:.4px}.lang-btn.active{background:var(--accent-30);color:#fff;border-color:var(--accent)}.lang-btn:hover{transform:none}