:root{--bg-primary:#0a0a0f;--bg-card:#ffffff08;--bg-card-hover:#ffffff0f;--accent:#a778f4;--accent-2:#fc97c7;--accent-glow:#a778f44d;--text-primary:#fff;--text-secondary:#fff9;--text-muted:#fff6;--border:#ffffff14;--border-hover:#a070f066;color-scheme:dark}*{box-sizing:border-box}html{min-height:100%;font-size:16px;position:relative}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;position:relative}body:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(160deg,#fc97c714 0%,#a778f40f 50%,#0000 100%);position:fixed;inset:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-2)}h1,h2,h3,h4{color:#fff}p,ul li{color:var(--text-secondary)}.bg-gradient{pointer-events:none;z-index:0;background:radial-gradient(60% 50% at 18% 15%,#fc97c759 0%,#0000 60%),radial-gradient(55% 45% at 82% 85%,#a778f44d 0%,#0000 60%),radial-gradient(70% 60%,#c6a8f71f 0%,#0000 75%);position:fixed;inset:0}.wrap{z-index:1;max-width:600px;margin:0 auto;padding:20px;position:relative}.site-header{text-align:center;margin:32px 0}.site-header h1{font-size:inherit;font-weight:inherit;line-height:inherit;margin:0}a.site-logo,.site-header h1 a,.site-header h1 .site-logo{background:linear-gradient(135deg, var(--accent-2), var(--accent), #7e4fd0);-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px;font-size:2rem;font-weight:700;text-decoration:none;display:inline-block}.site-subtitle{color:var(--text-secondary);font-size:1rem}.hero{text-align:center;background:linear-gradient(135deg,#f080c026,#a070f014);border:1px solid #a070f04d;border-radius:20px;margin:24px 0;padding:28px}.hero h2{margin-bottom:10px;font-size:1.25rem}.hero p{color:var(--text-secondary);font-size:.9rem}.platforms{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.platform-badge{cursor:pointer;background:#ffffff1a;border:1px solid #0000;border-radius:100px;outline:none;padding:7px 14px;font-size:.8125rem;font-weight:500;transition:transform .25s,background .25s,border-color .25s}.platform-badge:hover,.platform-badge:focus-visible,.platform-badge:active{border-color:var(--border-hover);background:#a070f02e;transform:translateY(-3px)scale(1.06)}.card{background:var(--bg-card);border:1px solid var(--border);backdrop-filter:blur(20px);border-radius:20px;margin-bottom:16px;padding:24px;transition:border-color .2s,background .2s}.card:hover{border-color:var(--border-hover)}.card h3{align-items:center;gap:10px;margin-bottom:16px;font-size:1.125rem;display:flex}.step-number{background:linear-gradient(135deg, var(--accent-2), var(--accent));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.875rem;font-weight:600;display:flex}.app-section{margin-bottom:18px}.app-section:last-child{margin-bottom:0}.app-section-title{color:var(--text-secondary);margin-bottom:10px;font-size:.875rem;font-weight:500}.app-grid{flex-wrap:wrap;gap:8px;display:flex}.app-btn{border:1px solid var(--border);color:var(--text-primary);background:#ffffff0d;border-radius:12px;align-items:center;gap:6px;padding:9px 15px;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.app-btn:hover{border-color:var(--accent);color:#fff;background:#ffffff1a}.app-btn.recommended{background:linear-gradient(135deg,#f080c033,#a070f01f);border-color:#a070f059}.steps-list{margin:0;padding:0;list-style:none}.steps-list li{border-bottom:1px solid var(--border);color:var(--text-secondary);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.steps-list li:last-child{border-bottom:none}.steps-list .num{width:24px;height:24px;color:var(--accent);background:#a070f033;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.steps-list a{color:var(--accent-2)}.server-info{flex-direction:column;gap:8px;display:flex}.server-item{background:#ffffff05;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.server-flag{font-size:1.5rem}.server-name{color:#fff;font-weight:500}.server-desc{color:var(--text-muted);font-size:.8125rem}.section-title{text-align:center;margin:32px 0 20px;font-size:1.25rem}.tariff-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;display:grid}.tariff{background:var(--bg-card);border:1px solid var(--border);text-align:center;backdrop-filter:blur(20px);border-radius:16px;flex-direction:column;padding:20px;transition:border-color .2s,transform .2s;display:flex}.tariff:hover{border-color:var(--border-hover);transform:translateY(-3px)}.tariff.featured{background:linear-gradient(135deg,#f080c01a,#a070f00d);border-color:#a070f066}.tariff-name{color:var(--text-secondary);margin-bottom:8px;font-size:.95rem}.tariff-price-old{color:var(--text-muted);margin-bottom:2px;font-size:.875rem;text-decoration:line-through}.tariff-price{color:var(--accent-2);margin-bottom:6px;font-size:1.5rem;font-weight:700}.tariff-badge{color:var(--accent);vertical-align:middle;background:#a070f033;border-radius:6px;padding:2px 6px;font-size:.75rem;font-weight:600;display:inline-block}.tariff-devices{color:var(--text-muted);margin-bottom:14px;font-size:.8125rem}.tariff-btn{color:var(--accent-2);background:#a070f026;border:1px solid #a070f066;border-radius:12px;margin-top:auto;padding:7px 16px;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-block}.tariff-btn:hover{background:var(--accent);color:#fff}.action-btn{background:linear-gradient(135deg, var(--accent-2), var(--accent));color:#fff;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;margin:8px 0 16px;padding:16px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.action-btn:hover{box-shadow:0 10px 30px var(--accent-glow);color:#fff;transform:translateY(-2px)}.site-footer{text-align:center;color:var(--text-muted);padding:24px 0;font-size:.8125rem}.site-footer a{color:var(--accent-2)}.site-footer a:hover{color:var(--accent)}.site-footer .footer-links{margin-top:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-card{opacity:0;animation:.5s forwards fadeIn}.fade-card:first-child{animation-delay:50ms}.fade-card:nth-child(2){animation-delay:.12s}.fade-card:nth-child(3){animation-delay:.19s}.fade-card:nth-child(4){animation-delay:.26s}.fade-card:nth-child(5){animation-delay:.33s}@media (prefers-reduced-motion:reduce){.fade-card{opacity:1;animation:none}.hero,.card,.platform-badge,.tariff,.action-btn{transition:none}}@media (width<=480px){.tariff-grid{grid-template-columns:1fr}}