:root{--accent: #111111;--accent-opacity: 1;--background: #f5f5f5;--card: #ffffff;--text: #111111;--muted: #777777;--border: #e8e8e8}:root[data-theme=dark]{--background: #101010;--card: #1b1b1b;--text: #ffffff;--muted: #999999;--border: #2c2c2c}html,body,#root{margin:0;min-height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--background);color:var(--text);transition:background .25s ease,color .25s ease}*{box-sizing:border-box}html{min-height:100%}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);transition:background .25s ease,color .25s ease}button,input{font:inherit}button{cursor:pointer}:root{--bg: #f5f7f6;--card: #ffffff;--text: #111827;--text-secondary: #737d87;--muted: #8b949e;--border: #e5ebe8;--divider: #edf1ef;--accent: #111111;--accent-opacity: 1;--accent-soft: color-mix(in srgb, var(--accent) 10%, var(--card));--accent-light: color-mix(in srgb, var(--accent) 14%, transparent);--shadow: 0 8px 30px rgba(30, 60, 50, .06)}:root[data-theme=dark]{--bg: #0f1115;--card: #181b21;--text: #ffffff;--text-secondary: #a7adb8;--muted: #8d95a1;--border: #292d35;--divider: #292d35;--accent-soft: color-mix(in srgb, var(--accent) 14%, var(--card));--accent-light: color-mix(in srgb, var(--accent) 18%, transparent);--shadow: 0 10px 35px rgba(0, 0, 0, .28)}.app{min-height:100vh;padding-bottom:92px;background:var(--bg);color:var(--text);transition:background .25s ease,color .25s ease}.top-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 12px;background:color-mix(in srgb,var(--card) 88%,transparent);color:var(--text);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.brand{color:var(--text);font-size:20px;font-weight:800;letter-spacing:-.5px}.brand-status{margin-top:3px;color:var(--text-secondary);font-size:12px}.settings-button{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:14px;background:var(--card);color:var(--text);font-size:20px;transition:background .2s ease,transform .2s ease}.settings-button:hover{background:var(--accent-soft)}.settings-button:active{transform:scale(.95)}.theme-button,.color-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-primary);border-radius:12px;cursor:pointer;transition:background .2s ease,transform .2s ease}.theme-button svg,.color-button svg{width:21px;height:21px}.theme-button:hover,.color-button:hover{background:var(--surface-secondary)}.theme-button:active,.color-button:active{transform:scale(.94)}.main{width:100%;max-width:520px;margin:0 auto;padding:12px 16px 30px}.welcome{padding:14px 4px 20px}.welcome-small{color:var(--text-secondary);font-size:15px}.welcome h1{margin:4px 0 0;color:var(--text);font-size:29px;letter-spacing:-1px}.vpn-card{position:relative;overflow:hidden;padding:22px;border-radius:28px;color:#fff;background:radial-gradient(circle at 85% 15%,color-mix(in srgb,var(--accent) 55%,transparent),transparent 38%),radial-gradient(circle at 15% 100%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 45%),linear-gradient(145deg,color-mix(in srgb,var(--accent) 32%,#080b10),color-mix(in srgb,var(--accent) 48%,#10151a) 50%,color-mix(in srgb,var(--accent) 24%,#070a0e));box-shadow:0 16px 40px color-mix(in srgb,var(--accent) 24%,transparent);transition:background .35s ease,box-shadow .35s ease,transform .25s ease}.active-status{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:8px;font-size:13px;font-weight:600;color:#fff}.days-counter{margin-top:26px;text-align:center}.days-counter strong{display:block;font-size:55px;line-height:1;letter-spacing:-3px;color:#fff}.days-counter span{font-size:11px;font-weight:700;letter-spacing:2px;color:color-mix(in srgb,var(--accent) 65%,#ffffff)}.days-label{margin-top:7px;text-align:center;font-size:13px;color:#ffffffb8}.progress{height:6px;margin-top:22px;overflow:hidden;border-radius:10px;background:#ffffff29}.progress-value{height:100%;border-radius:inherit;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 55%,transparent);transition:width .35s ease,background .35s ease}.expire-date{margin-top:11px;text-align:center;font-size:12px;color:#ffffffad}.section{margin-top:24px}.section-title{margin:0 4px 12px;color:var(--text);font-size:16px;font-weight:700}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.info-card{padding:16px;border:1px solid var(--border);border-radius:19px;background:var(--card);color:var(--text);box-shadow:var(--shadow);transition:background .25s ease,border-color .25s ease}.info-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:var(--accent-soft);color:var(--accent);font-size:21px;line-height:1}.info-card strong{display:block;margin-top:9px;color:var(--text);font-size:17px}.info-card span{display:block;margin-top:3px;color:var(--text-secondary);font-size:12px}.primary-button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;padding:16px;border:0;border-radius:17px;background:var(--accent);color:#fff;font-size:15px;font-weight:700;box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 25%,transparent);transition:opacity .2s ease,transform .2s ease}.primary-button:hover{opacity:.9}.primary-button:active{transform:scale(.98)}.primary-button span{font-size:18px}.usage-card{padding:4px 18px;border:1px solid var(--border);border-radius:20px;background:var(--card);color:var(--text);box-shadow:var(--shadow)}.usage-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.usage-row>div{display:flex;align-items:center;gap:12px}.usage-row strong{display:block;color:var(--text);font-size:14px}.usage-row small{display:block;margin-top:2px;color:var(--text-secondary);font-size:11px}.usage-row b{color:var(--text);font-size:14px}.usage-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:var(--accent-soft);color:var(--accent);font-size:20px;font-weight:700}.divider{height:1px;background:var(--divider)}.balance-card{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--border);border-radius:20px;background:var(--card);color:var(--text);box-shadow:var(--shadow)}.balance-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:var(--accent-soft);color:var(--accent);font-size:20px}.balance-info{flex:1}.balance-info strong{display:block;color:var(--text);font-size:18px}.balance-info span{display:block;margin-top:3px;color:var(--text-secondary);font-size:12px}.arrow{color:var(--text-secondary);font-size:20px}.page-title{padding:14px 4px 22px}.page-title h1{margin:0;color:var(--text);font-size:30px;letter-spacing:-1px}.page-title p{margin:6px 0 0;color:var(--text-secondary);font-size:13px}.subscription-header small{color:var(--text-secondary);font-size:11px}.subscription-header h2{margin:3px 0 0;color:var(--text);font-size:20px}.subscription-date small{display:block;color:var(--text-secondary);font-size:11px}.subscription-date strong{display:block;margin-top:5px;color:var(--text);font-size:14px}.days-right strong{color:var(--accent)}.subscription-status-card{padding:20px;border:1px solid var(--border);border-radius:24px;background:var(--card);color:var(--text);box-shadow:var(--shadow)}.subscription-status-header{display:flex;align-items:center;gap:13px}.subscription-status-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:16px;background:var(--accent-soft)}.subscription-status-icon img{width:34px;height:34px;object-fit:contain}.subscription-status-header small{color:var(--text-secondary);font-size:11px}.subscription-status-header h2{margin:3px 0 0;color:var(--text);font-size:18px}.status-badge{margin-left:auto;padding:6px 10px;border-radius:20px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-size:11px;font-weight:700}.subscription-countdown{display:flex;justify-content:space-between;margin-top:22px;padding-top:18px;border-top:1px solid var(--divider)}.subscription-countdown small{display:block;color:var(--text-secondary);font-size:11px}.subscription-countdown strong{display:block;margin-top:5px;color:var(--text);font-size:22px}.countdown-date{text-align:right}.countdown-date strong{font-size:14px}.connection-card{padding:18px;border:1px solid var(--border);border-radius:20px;background:var(--card);color:var(--text);box-shadow:var(--shadow)}.connection-header{display:flex;align-items:center;gap:13px}.connection-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:15px;background:var(--accent-soft)}.connection-icon img{width:34px;height:34px;object-fit:contain}.connection-header strong{display:block;color:var(--text);font-size:15px}.connection-header span{display:block;margin-top:4px;color:var(--text-secondary);font-size:12px}.connection-link-card{padding:18px;border:1px solid var(--border);border-radius:20px;background:var(--card);color:var(--text);box-shadow:var(--shadow)}.connection-link-header{display:flex;align-items:center;gap:12px}.connection-link-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:13px;background:var(--accent-soft);font-size:20px}.connection-link-header strong{display:block;color:var(--text);font-size:14px}.connection-link-header span{display:block;margin-top:4px;color:var(--text-secondary);font-size:11px;line-height:1.4}.subscription-url{margin-top:15px;padding:13px;overflow:hidden;border:1px solid var(--border);border-radius:13px;background:var(--bg);color:var(--text-secondary);font-size:12px;white-space:nowrap;text-overflow:ellipsis}.copy-button{width:100%;margin-top:10px;padding:13px;border:0;border-radius:13px;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:700}.apps-description{margin:-5px 4px 12px;color:var(--text-secondary);font-size:12px}.vpn-app-list{display:flex;flex-direction:column;gap:10px}.vpn-app-card{width:100%;display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--border);border-radius:18px;background:var(--card);color:var(--text);box-shadow:var(--shadow);text-align:left;transition:background .2s ease,transform .2s ease}.vpn-app-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:13px;background:var(--accent-soft);color:var(--accent);font-size:18px;font-weight:800}.vpn-app-card strong{display:block;color:var(--text);font-size:14px}.vpn-app-card span{display:block;margin-top:3px;color:var(--text-secondary);font-size:11px}.vpn-app-arrow{margin-left:auto;color:var(--text-secondary);font-size:20px}.feature-list>div{display:flex;align-items:center;gap:13px;padding:17px;border-bottom:1px solid var(--divider)}.feature-list>div:last-child{border-bottom:0}.feature-list>div>span{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:20px;font-weight:700;line-height:1}.feature-list strong{display:block;color:var(--text);font-size:14px}.feature-list small{display:block;margin-top:3px;color:var(--text-secondary);font-size:11px}.empty-card{display:flex;flex-direction:column;align-items:center;padding:30px 20px;text-align:center;border:1px solid var(--border);border-radius:20px;background:var(--card);color:var(--text);box-shadow:var(--shadow)}.empty-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;border-radius:16px;background:var(--accent-soft);color:var(--accent);font-size:22px}.empty-card strong{color:var(--text);font-size:14px}.empty-card span{max-width:250px;margin-top:6px;color:var(--text-secondary);font-size:12px}.large-balance-card{padding:24px;border-radius:25px;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 55%,#08110f),color-mix(in srgb,var(--accent) 80%,#10231f));box-shadow:0 15px 35px color-mix(in srgb,var(--accent) 22%,transparent)}.promo-card{padding:18px;border:1px solid var(--border);border-radius:20px;background:var(--card);color:var(--text);box-shadow:var(--shadow)}.promo-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:var(--accent-soft);color:var(--accent);font-size:21px;font-weight:700}.promo-content{display:flex;flex-direction:column;margin-top:12px;gap:3px}.promo-content strong{color:var(--text);font-size:14px}.promo-content span{color:var(--text-secondary);font-size:12px}.promo-input-row{display:flex;align-items:center;gap:8px;margin-top:14px}.promo-input-row input{flex:1;min-width:0;padding:12px 13px;border:1px solid var(--border);border-radius:13px;outline:none;background:var(--bg);color:var(--text);font-size:13px;transition:border-color .2s ease,background .2s ease}.promo-input-row input::placeholder{color:var(--muted)}.promo-input-row input:focus{border-color:var(--accent);background:var(--card)}.promo-input-row button{flex-shrink:0;padding:12px 14px;border:0;border-radius:13px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:700;transition:background .2s ease,transform .2s ease}.promo-input-row button:hover{background:var(--accent-light)}.promo-input-row button:active{transform:scale(.96)}.large-balance-card>span{color:#ffffffb3;font-size:12px}.large-balance-card>strong{display:block;margin-top:7px;color:#fff;font-size:37px}.large-balance-card .primary-button{color:var(--accent);background:#fff;box-shadow:none}.referral-card{padding:26px;text-align:center;border:1px solid var(--border);border-radius:25px;background:var(--accent-soft);color:var(--text)}.referral-icon{font-size:35px}.referral-card>span{display:block;margin-top:14px;color:var(--text-secondary);font-size:12px}.referral-card strong{display:block;margin-top:5px;color:var(--text);font-size:34px}.referral-card small{display:block;margin-top:7px;color:var(--text-secondary)}.referral-link{display:flex;align-items:center;gap:10px;padding:6px 7px 6px 15px;border:1px solid var(--border);border-radius:16px;background:var(--card);color:var(--text)}.referral-link span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-size:12px}.referral-link button{padding:10px 12px;border:0;border-radius:11px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:700}.support-card{padding:30px 22px;text-align:center;border:1px solid var(--border);border-radius:25px;background:var(--card);color:var(--text);box-shadow:var(--shadow)}.support-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin:0 auto;border-radius:20px;background:var(--accent-soft);color:var(--accent);font-size:28px}.support-card h2{margin:18px 0 8px;color:var(--text);font-size:21px}.support-card p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.5}.support-card .primary-button{margin-top:20px}.bottom-navigation{position:fixed;left:50%;bottom:10px;z-index:100;width:calc(100% - 20px);max-width:520px;transform:translate(-50%);display:grid;grid-template-columns:repeat(5,1fr);padding:8px;border:1px solid var(--border);border-radius:24px;background:color-mix(in srgb,var(--card) 94%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 35px #0000001f;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;padding:8px 2px;border:0;border-radius:16px;background:transparent;color:var(--text-secondary);font-size:9px;font-weight:500;transition:background .2s ease,color .2s ease,transform .2s ease}.nav-icon{font-size:20px;line-height:1;transition:color .2s ease,transform .2s ease}:root[data-theme=light] .nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:700}:root[data-theme=light] .nav-item.active .nav-icon{color:var(--accent)}:root[data-theme=dark] .nav-item.active{background:#ffffff24;color:#fff;font-weight:700;box-shadow:inset 0 0 0 1px #ffffff14}:root[data-theme=dark] .nav-item.active .nav-icon{color:#fff;filter:drop-shadow(0 0 5px rgba(255,255,255,.25))}.nav-item:hover{background:var(--accent-soft);color:var(--accent)}:root[data-theme=dark] .nav-item:hover{background:#ffffff17;color:#fff}.nav-item:active{transform:scale(.96)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;padding:8px 2px;border:0;border-radius:16px;background:transparent;color:var(--text-secondary);font-size:9px}.nav-icon{font-size:20px;line-height:1}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:700}.settings-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;overflow-y:auto;padding:20px;background:var(--bg);color:var(--text);animation:settingsAppear .2s ease}@keyframes settingsAppear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.settings-header{display:flex;align-items:center;gap:14px;width:100%;max-width:520px;margin:0 auto 28px}.back-button{width:42px;height:42px;flex-shrink:0;border:1px solid var(--border);border-radius:14px;background:var(--card);color:var(--text);font-size:22px}.settings-title{color:var(--text);font-size:25px;font-weight:700}.settings-subtitle{margin-top:4px;color:var(--text-secondary);font-size:14px}.settings-section,.settings-preview{width:100%;max-width:520px;margin-left:auto;margin-right:auto}.settings-section{margin-bottom:28px}.settings-section h2{margin:0 0 12px;color:var(--text);font-size:17px}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme-card{position:relative;display:flex;align-items:center;gap:12px;min-height:64px;padding:12px;border:2px solid transparent;border-radius:18px;background:var(--card);color:var(--text);cursor:pointer;text-align:left;transition:border-color .2s ease,background .2s ease,transform .2s ease}.theme-card:hover{transform:translateY(-1px)}.theme-card.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.theme-color{width:34px;height:34px;flex-shrink:0;border-radius:50%;border:2px solid color-mix(in srgb,var(--text) 12%,transparent)}.theme-name{color:var(--text);font-weight:600}.theme-check{position:absolute;top:8px;right:10px;color:var(--accent);font-weight:700}.custom-color-card{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid var(--border);border-radius:18px;background:var(--card);color:var(--text)}.custom-color-card>div{display:flex;flex-direction:column;gap:5px}.custom-color-card strong{color:var(--text)}.custom-color-card span{color:var(--text-secondary);font-size:13px}.color-picker{position:relative;width:44px;height:44px;cursor:pointer}.color-picker>span{display:block;width:44px;height:44px;border-radius:14px;border:2px solid var(--border)}.color-picker input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.setting-row{display:flex;align-items:center;justify-content:space-between}.setting-row h2{margin-bottom:5px}.setting-description{color:var(--text-secondary);font-size:13px}.setting-row strong{color:var(--accent)}.opacity-slider{width:100%;margin-top:18px;accent-color:var(--accent)}.mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-selector button{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px;border:2px solid transparent;border-radius:17px;background:var(--card);color:var(--text);cursor:pointer;transition:border-color .2s ease,background .2s ease}.mode-selector button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.mode-selector span{color:inherit}.settings-preview{margin-top:10px;padding-bottom:30px}.preview-label{margin-bottom:10px;color:var(--text-secondary);font-size:13px}.preview-card{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--border);border-radius:20px;background:var(--card);color:var(--text)}.preview-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:14px;background:transparent}.preview-icon img{width:52px;height:52px;display:block;object-fit:contain}.preview-card div:nth-child(2){flex:1;display:flex;flex-direction:column;gap:4px}.preview-card strong{color:var(--text)}.preview-card span{color:var(--text-secondary);font-size:13px}.preview-status{padding:7px 10px;border-radius:10px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:12px;font-weight:600}.settings-apply-button{width:100%;max-width:520px;margin:10px auto 30px;padding:16px 20px;border:none;border-radius:16px;background:var(--accent);color:#fff;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:opacity .2s ease,transform .2s ease}.settings-apply-button:hover{opacity:.9}.settings-apply-button:active{opacity:.8;transform:scale(.98)}:root[data-theme=dark] .vpn-card{color:#fff}:root[data-theme=dark] .large-balance-card{color:#fff}:root[data-theme=dark] .large-balance-card>strong{color:#fff}:root[data-theme=dark] .large-balance-card>span{color:#ffffffb8}:root[data-theme=dark] .large-balance-card .primary-button{color:var(--accent);background:#fff}@media(max-width:380px){.main{padding-left:12px;padding-right:12px}.welcome h1{font-size:26px}.days-counter strong{font-size:48px}.nav-item{font-size:8px}.nav-icon{font-size:18px}.settings-page{padding:16px}.theme-grid{gap:8px}.theme-card{padding:10px}}.vpn-card-top{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center}:root[data-theme=light] .vpn-logo img{filter:drop-shadow(0 2px 5px rgba(0,0,0,.35)) drop-shadow(0 0 10px rgba(255,255,255,.12))}:root[data-theme=dark] .vpn-logo img{filter:drop-shadow(0 2px 6px rgba(0,0,0,.55))}.vpn-card-status{margin-top:2px}.active-status{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:4px;color:#fff;font-size:13px;font-weight:600}.active-status span{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent),0 0 12px color-mix(in srgb,var(--accent) 55%,transparent)}@media(max-width:380px){.vpn-logo img{width:210px;max-width:72vw;max-height:110px}}.brand-logo-picture{display:block;width:170px;height:54px}.brand-logo{display:block;width:170px;height:54px;object-fit:contain;object-position:left center}.brand-logo-dark{display:none}:root[data-theme=dark] .brand-logo-light{display:none}:root[data-theme=dark] .brand-logo-dark{display:block}:root[data-theme=dark] .nav-item.active{background:#ffffff24;color:#fff;box-shadow:inset 0 0 0 1px #ffffff14}:root[data-theme=dark] .nav-item.active .nav-icon{color:#fff}.subscription-timer-card{padding:22px;border-radius:25px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 55%,#08110f),color-mix(in srgb,var(--accent) 78%,#10231f));color:#fff;box-shadow:0 15px 35px color-mix(in srgb,var(--accent) 22%,transparent)}.subscription-timer-header{display:flex;align-items:center;justify-content:space-between}.subscription-timer-header small{display:block;color:#ffffffad;font-size:12px}.subscription-timer-header strong{display:block;margin-top:4px;color:#fff;font-size:20px}.subscription-timer-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:#ffffff1f;font-size:23px}.subscription-countdown{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:25px}.countdown-item{min-width:62px;text-align:center}.countdown-item strong{display:block;color:#fff;font-size:34px;line-height:1;letter-spacing:-1px}.countdown-item span{display:block;margin-top:6px;color:#ffffff94;font-size:9px;font-weight:700;letter-spacing:1px}.countdown-separator{margin-top:-14px;color:#ffffff73;font-size:25px}.subscription-expire{display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}.subscription-expire span{color:#ffffff9e;font-size:11px}.subscription-expire strong{color:#fff;font-size:13px}.connect-card{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--border);border-radius:20px;background:var(--card);color:var(--text);box-shadow:var(--shadow)}.connect-card-icon{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:15px;background:var(--accent-soft);font-size:24px}.connect-card-content{display:flex;flex-direction:column;gap:4px}.connect-card-content strong{color:var(--text);font-size:14px}.connect-card-content span{color:var(--text-secondary);font-size:11px;line-height:1.4}.connect-button{margin-top:10px}.subscription-link-card{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--border);border-radius:20px 20px 0 0;background:var(--card);color:var(--text);box-shadow:var(--shadow)}.subscription-link-icon{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:13px;background:var(--accent-soft);color:var(--accent);font-size:20px}.subscription-link-content{display:flex;flex-direction:column;gap:4px}.subscription-link-content strong{color:var(--text);font-size:14px}.subscription-link-content span{color:var(--text-secondary);font-size:11px;line-height:1.4}.subscription-link{display:flex;align-items:center;gap:8px;padding:7px 7px 7px 13px;border:1px solid var(--border);border-top:0;border-radius:0 0 20px 20px;background:var(--card);color:var(--text)}.subscription-link>span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text-secondary);font-size:11px}.subscription-link button{flex-shrink:0;padding:10px 12px;border:0;border-radius:11px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:700}.apps-card{overflow:hidden;border:1px solid var(--border);border-radius:20px;background:var(--card);color:var(--text);box-shadow:var(--shadow)}.app-item{display:flex;align-items:center;gap:13px;padding:16px}.app-icon{width:46px;height:46px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--accent-soft);color:var(--accent);font-size:22px}.app-info{flex:1;min-width:0}.app-info strong{display:block;color:var(--text);font-size:13px}.app-info span{display:block;margin-top:4px;color:var(--text-secondary);font-size:11px}.app-badge{flex-shrink:0;padding:6px 9px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:700}.connection-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:var(--accent-soft)}.connection-icon img{width:42px;height:42px;display:block;object-fit:contain}.vpn-apps{display:flex;flex-direction:column;gap:10px}.vpn-app-card{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--border);border-radius:18px;background:var(--card);color:var(--text);text-decoration:none;box-shadow:var(--shadow);transition:background .2s ease,transform .2s ease,border-color .2s ease}.vpn-app-card:hover{background:var(--accent-soft)}.vpn-app-card:active{transform:scale(.98)}.vpn-app-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:14px;background:var(--accent-soft);overflow:hidden}.vpn-app-icon img{width:100%;height:100%;display:block;object-fit:contain}.vpn-app-info{flex:1}.vpn-app-info strong{display:block;color:var(--text);font-size:15px;font-weight:700}.vpn-app-info small{display:block;margin-top:3px;color:var(--text-secondary);font-size:11px}.vpn-app-arrow{flex-shrink:0;color:var(--text-secondary);font-size:21px}.language-switcher{display:flex;align-items:center;padding:4px;border:1px solid var(--border);border-radius:13px;background:var(--card)}.language-button{min-width:34px;height:30px;padding:0 7px;border:0;border-radius:9px;background:transparent;color:var(--text-secondary);font-size:11px;font-weight:600;transition:background .2s ease,color .2s ease}.language-button.active{background:var(--accent);color:#fff}.language-button:hover{color:var(--text)}.language-button.active:hover{color:#fff}.referral-percent-card{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--border);border-radius:20px;background:var(--card);color:var(--text);box-shadow:var(--shadow)}.referral-percent-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:13px;background:var(--accent-soft);color:var(--accent);font-size:21px;font-weight:800}.referral-percent-info{display:flex;flex-direction:column;gap:4px}.referral-percent-info strong{color:var(--text);font-size:14px}.referral-percent-info span{color:var(--text-secondary);font-size:11px;line-height:1.4}.referral-steps{overflow:hidden;border:1px solid var(--border);border-radius:20px;background:var(--card);box-shadow:var(--shadow)}.referral-step{display:flex;align-items:center;gap:13px;padding:17px}.referral-step-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:14px;font-weight:800}.referral-step div:last-child{display:flex;flex-direction:column;gap:3px}.referral-step strong{color:var(--text);font-size:14px}.referral-step span{color:var(--text-secondary);font-size:11px;line-height:1.4}.referral-pending-card{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--border);border-radius:20px;background:var(--card);color:var(--text);box-shadow:var(--shadow)}.referral-pending-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:13px;background:var(--accent-soft);font-size:20px}.referral-pending-info{display:flex;flex-direction:column;gap:3px}.referral-pending-info strong{color:var(--text);font-size:18px}.referral-pending-info span{color:var(--text-secondary);font-size:11px}.referral-note{margin:9px 4px 0;color:var(--text-secondary);font-size:11px;line-height:1.45}.referral-destination{overflow:hidden;border:1px solid var(--border);border-radius:20px;background:var(--card);box-shadow:var(--shadow)}.referral-destination-item{width:100%;display:flex;align-items:center;gap:13px;padding:16px;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer;transition:background .2s ease,color .2s ease}.referral-destination-item:hover,.referral-destination-item.active{background:var(--accent-soft)}.referral-destination-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:12px;background:var(--accent-soft);font-size:19px}.referral-destination-item>div:nth-child(2){flex:1;display:flex;flex-direction:column;gap:3px}.referral-destination-item strong{color:var(--text);font-size:13px}.referral-destination-item span{color:var(--text-secondary);font-size:11px;line-height:1.4}.referral-radio{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--border);border-radius:50%;color:#fff;font-size:11px;font-weight:800}.referral-destination-item.active .referral-radio{border-color:var(--accent);background:var(--accent);color:#fff}.referral-info-card{display:flex;align-items:flex-start;gap:10px;margin-top:18px;margin-bottom:20px;padding:14px 15px;border:1px solid var(--border);border-radius:17px;background:var(--accent-soft)}.referral-info-card>span{flex-shrink:0;font-size:16px}.referral-info-card p{margin:0;color:var(--text-secondary);font-size:11px;line-height:1.5}.header-actions{display:flex;align-items:center;gap:8px}.notification-button{position:relative;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:14px;background:var(--card);color:var(--text);transition:background .2s ease,transform .2s ease}.notification-button:hover{background:var(--accent-soft)}.notification-button:active{transform:scale(.95)}.notification-button svg{width:20px;height:20px}.notification-dot{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--card)}.notifications-page{width:100%}.notifications-header{display:flex;align-items:center;gap:14px;padding:8px 0 24px}.notifications-header .back-button{display:flex;align-items:center;justify-content:center}.notifications-header .back-button svg{width:20px;height:20px}.notifications-title{color:var(--text);font-size:25px;font-weight:700;letter-spacing:-.5px}.notifications-subtitle{margin-top:4px;color:var(--text-secondary);font-size:13px}.notification-list{display:flex;flex-direction:column;gap:10px}.notification-card{position:relative;display:flex;align-items:flex-start;gap:13px;padding:16px;border:1px solid var(--border);border-radius:20px;background:var(--card);color:var(--text);box-shadow:var(--shadow)}.notification-card.unread{border-color:color-mix(in srgb,var(--accent) 25%,var(--border))}.notification-icon{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:13px;background:var(--accent-soft);color:var(--accent)}.notification-icon svg{width:21px;height:21px}.notification-content{flex:1;min-width:0}.notification-top{display:flex;justify-content:space-between;gap:10px}.notification-top strong{color:var(--text);font-size:14px}.notification-top span{flex-shrink:0;color:var(--text-secondary);font-size:10px}.notification-content p{margin:5px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.4}.notification-unread-dot{position:absolute;top:14px;right:14px;width:7px;height:7px;border-radius:50%;background:var(--accent)}.support-main-card{padding:28px 22px;text-align:center;border:1px solid var(--border);border-radius:25px;background:var(--card);color:var(--text);box-shadow:var(--shadow)}.support-main-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin:0 auto;border-radius:20px;background:var(--accent-soft);color:var(--accent)}.support-main-icon svg{width:30px;height:30px}.support-main-card h2{margin:17px 0 8px;color:var(--text);font-size:21px}.support-main-card p{max-width:330px;margin:0 auto;color:var(--text-secondary);font-size:13px;line-height:1.5}.support-main-card .primary-button{margin-top:20px}.support-empty-card{display:flex;flex-direction:column;align-items:center;padding:28px 20px;text-align:center;border:1px solid var(--border);border-radius:20px;background:var(--card);color:var(--text);box-shadow:var(--shadow)}.support-empty-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;border-radius:16px;background:var(--accent-soft);color:var(--accent)}.support-empty-icon svg{width:23px;height:23px}.support-empty-card strong{color:var(--text);font-size:14px}.support-empty-card span{max-width:280px;margin-top:6px;color:var(--text-secondary);font-size:12px;line-height:1.4}.support-options{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:var(--card);box-shadow:var(--shadow)}.support-option{width:100%;display:flex;align-items:center;gap:13px;padding:15px 16px;border:0;background:transparent;color:var(--text);text-align:left;transition:background .2s ease}.support-option:hover{background:var(--accent-soft)}.support-option+.support-option{border-top:1px solid var(--divider)}.support-option-icon{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:13px;background:var(--accent-soft);color:var(--accent)}.support-option-icon svg{width:21px;height:21px}.support-option>div:nth-child(2){flex:1;display:flex;flex-direction:column;gap:3px}.support-option strong{color:var(--text);font-size:13px}.support-option small{color:var(--text-secondary);font-size:11px}.support-option>span{color:var(--text-secondary);font-size:20px}