@font-face { font-family: "Estedad"; src: url("/assets/fonts/estedad-variable.woff2") format("woff2"); font-style: normal; font-weight: 100 900; font-display: swap; }
:root { color-scheme: dark; --bg:#020710; --panel:#111827cc; --ink:#f3f5fb; --muted:#a5afc3; --green:#55e6a5; --cyan:#7bdfe3; --violet:#d99ffa; --line:rgba(203,213,225,.13); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:90px; }
body { margin:0; min-height:100vh; overflow-x:hidden; color:var(--ink); background:var(--bg); font-family:"Estedad",Tahoma,sans-serif; line-height:2; }
body::before { content:""; position:absolute; z-index:-1; top:0; left:0; width:100%; height:1100px; pointer-events:none; background:radial-gradient(ellipse at 72% 30%,rgba(0,190,253,.2),transparent 42%),radial-gradient(ellipse at 18% 52%,rgba(139,92,246,.17),transparent 40%); }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
main { position:relative; isolation:isolate; display:flex; flex-direction:column; width:100%; overflow:hidden; }
main::before { content:""; position:absolute; z-index:0; pointer-events:none; top:0; left:0; width:100%; height:850px; background-image:radial-gradient(rgba(173,175,193,.5) 1px,transparent 0); background-size:17px 17px; mask-image:linear-gradient(180deg,#000,transparent 94%); opacity:.13; }
.topbar { position:absolute; z-index:20; top:0; right:0; left:0; height:90px; width:min(1140px,calc(100% - 40px)); margin:auto; display:flex; align-items:center; justify-content:space-between; border:0; color:#e8edf8; }
.topbar nav,.topbar-actions { display:flex; align-items:center; gap:26px; }
.topbar nav a,.topbar-actions>a { color:#ccd5e2; font-size:15px; transition:color .2s; }
.topbar nav a:hover,.topbar-actions>a:hover { color:var(--cyan); }
.brand { position:absolute; left:50%; transform:translateX(-50%); display:inline-flex; align-items:center; gap:10px; direction:rtl; letter-spacing:0; font-size:24px; font-weight:900; }
.brand-light { color:#d5def0; font-weight:300; }.brand-name { white-space:nowrap; }
.brand-mark { display:flex; align-items:center; justify-content:center; gap:3px; width:34px; height:34px; border-radius:11px; background:linear-gradient(145deg,#203146,#101827); transform:rotate(-8deg); box-shadow:0 0 24px #2daed133; }
.brand-mark i { display:block; width:3px; height:10px; border:1.5px solid var(--cyan); border-radius:50%; }
.brand-mark i:first-child { height:16px; }.brand-mark i:last-child { height:22px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:50px; border:1px solid transparent; border-radius:13px; padding:0 21px; font-size:15px; font-weight:800; cursor:pointer; transition:transform .2s,opacity .2s,background .2s,box-shadow .2s; }
.button:hover:not(:disabled) { transform:translateY(-2px); }.button-primary { color:#04120f; background:var(--green); box-shadow:0 10px 30px #35ba9050; }.button-primary:hover:not(:disabled) { background:#79f1bb; }.button-outline { color:#e5eaf4; background:rgba(17,24,39,.56); border-color:rgba(226,232,240,.26); }.button-small { min-height:39px; padding:0 14px; font-size:14px; }.button:disabled { opacity:.55; cursor:not-allowed; }
.hero { position:relative; z-index:1; width:100%; min-height:100vh; display:flex; align-items:center; overflow:hidden; padding:105px 20px 48px; background:radial-gradient(ellipse at 72% 42%,rgba(0,190,253,.14),transparent 36%),radial-gradient(ellipse at 20% 65%,rgba(217,159,250,.12),transparent 33%); border-bottom:1px solid rgba(31,41,55,.42); }
.hero-container { display:flex; align-items:center; justify-content:space-between; gap:28px; width:min(1140px,100%); margin:0 auto; }
.hero-copy { position:relative; z-index:2; width:54%; display:flex; flex-direction:column; align-items:flex-start; gap:18px; }
.hero-kicker { display:flex; align-items:center; gap:10px; margin:0; padding:5px 12px; color:#9debe3; border:1px solid rgba(123,223,227,.2); border-radius:99px; background:#0b1423aa; font-size:15px; font-weight:800; }
.pulse,.live-dot { width:8px; height:8px; flex:0 0 8px; border-radius:50%; background:var(--green); box-shadow:0 0 0 5px #54e6a520; }
.hero h1 { position:relative; margin:0; color:#fff; font-size:clamp(42px,5vw,70px); font-weight:300; line-height:1.4; letter-spacing:-1px; }
.hero h1 span { font-size:.76em; }.hero h1 em { font-style:normal; font-weight:300; background:linear-gradient(90deg,var(--violet) 15%,rgba(59,144,255,.9)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hero h1 img { width:38px; height:38px; display:inline-block; margin-right:10px; vertical-align:middle; filter:drop-shadow(0 0 15px #d99ffa90); }
.hero-lead { max-width:500px; margin:0; color:#c2cad8; font-size:14px; line-height:2.2; }
.hero-cta { min-height:52px; padding-inline:25px; }
.hero-stats { display:flex; gap:34px; margin-top:7px; }
.hero-stats>div { display:flex; align-items:center; gap:10px; }.hero-stats b { color:var(--green); font-size:29px; line-height:1; }.hero-stats span { max-width:90px; color:#a7b2c1; font-size:14px; line-height:1.5; }
.hero-art { position:relative; width:46%; height:min(570px,70vh); min-height:400px; display:grid; place-items:center; isolation:isolate; }
.hero-ship { position:relative; z-index:2; width:min(100%,440px); max-height:420px; object-fit:contain; filter:drop-shadow(0 25px 65px rgba(0,190,253,.22)); animation:shipfloat 6s ease-in-out infinite; }
.hero-star { position:absolute; z-index:1; object-fit:contain; }.star-green { width:46px;height:46px;left:3%;top:10%;animation:twinkle 2.5s infinite; }.star-pink { width:31px;height:31px;right:1%;top:53%;animation:twinkle 3s .6s infinite; }.star-small { width:24px;height:24px;right:30%;bottom:7%;opacity:.65;animation:twinkle 2.8s .2s infinite; }
.hero-orbit { position:absolute; z-index:0; border:1px solid rgba(123,223,227,.17); border-radius:50%; transform:rotate(-25deg); }.orbit-a { width:370px;height:370px; }.orbit-b { width:460px;height:205px;border-style:dashed;transform:rotate(24deg);opacity:.6; }
.hero-art-label { position:absolute; z-index:3; bottom:5px; display:flex; align-items:center; gap:10px; padding:5px 13px; color:#aebacc; border:1px solid #cbd5e11a; border-radius:99px; background:#080e19c9; font-size:14px; }
@keyframes shipfloat { 0%,100% { transform:translateY(0) rotate(-1deg); } 50% { transform:translateY(-12px) rotate(1deg); } }@keyframes twinkle { 0%,100% { opacity:.4;transform:scale(.85); } 50% { opacity:1;transform:scale(1.12); } }
.features { position:relative;z-index:1; width:min(1050px,calc(100% - 40px)); margin:0 auto; padding:70px 0 55px; display:flex; flex-direction:column; gap:20px; }
.feature { display:flex; align-items:stretch; gap:16px; }.feature.reverse { flex-direction:row-reverse; }.feature-symbol { flex:0 0 92px; min-height:92px; display:grid; place-items:center; color:#fff; border:1px solid rgba(123,223,227,.16); border-radius:50%; background:linear-gradient(145deg,#17253a,#111827); box-shadow:0 0 35px #00befd12; font-size:35px; }.feature>div:last-child { flex:1; padding:20px 27px; border:1px solid rgba(203,213,225,.075); border-radius:23px; background:rgba(17,24,39,.77); text-align:justify; }.feature h2 { margin:0 0 7px; color:#f3f5fb; font-size:18px; font-weight:800; }.feature p { margin:5px 0 0; color:#cbd5e1; font-size:15px; line-height:2.1; }.feature strong { color:var(--cyan); }
.about-droplag { position:relative; z-index:1; width:min(1140px,calc(100% - 40px)); margin:40px auto 80px; display:flex; align-items:center; gap:60px; }.about-art { position:relative; flex:0 0 45%; min-height:390px; display:grid; place-items:center; }.about-art img { position:relative;z-index:1; width:min(100%,460px);max-height:440px;object-fit:contain; }.about-image-glow { position:absolute; width:70%;height:46%;border-radius:50%;background:#00befd;filter:blur(100px);opacity:.17; }.about-copy { flex:1; }.small-section-title { display:block; margin-bottom:6px; color:#9aa8bc; font-size:16px; font-weight:800; }.about-copy h2 { margin:0 0 15px; color:#f4f6fb; font-size:30px; line-height:1.6; }.about-copy p { color:#c0cad8; font-size:15px; line-height:2.2; }.about-more { display:inline-flex; align-items:center; gap:9px; margin-top:9px; padding:4px 0; border-bottom:1px solid #55e6a5; color:#fff; font-size:15px; font-weight:700; }.about-more span { color:var(--green);font-size:21px; }
.plans-section { position:relative;z-index:1; width:min(1140px,calc(100% - 40px)); margin:0 auto 76px; padding:42px clamp(18px,4vw,46px); border:1px solid rgba(164,190,221,.13); border-radius:27px; background:radial-gradient(ellipse at 8% 0%,rgba(116,83,220,.15),transparent 40%),radial-gradient(ellipse at 100% 100%,rgba(0,190,253,.1),transparent 42%),linear-gradient(145deg,#0c1423,#080e19 74%); box-shadow:0 28px 90px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.035); }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:24px; }.section-heading h2 { margin:3px 0 0; color:#f5f7ff; font-size:28px; line-height:1.5; }.section-heading>p { margin:0; color:#9ba9bd; font-size:15px; }.section-heading bdi { color:#f0f5ff;font-weight:900; }.plans-section .small-section-title { color:var(--cyan); }
.plan-grid { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px; }.plan-card { position:relative;overflow:hidden;isolation:isolate;min-height:178px;display:flex;flex-direction:column;align-items:flex-start;padding:16px 14px;border:1px solid rgba(163,185,215,.16);border-radius:18px;background:linear-gradient(145deg,rgba(18,30,49,.96),rgba(11,19,33,.94));color:#f3f5fb;text-align:right;cursor:pointer;transition:transform .22s,border-color .22s,box-shadow .22s;box-shadow:0 9px 26px rgba(0,0,0,.18); }.plan-card::before { content:attr(data-months);position:absolute;z-index:-1;left:9px;top:-32px;direction:ltr;font-size:105px;line-height:1;font-weight:900;letter-spacing:-8px;color:rgba(139,170,211,.055); }.plan-card:hover { transform:translateY(-4px);border-color:rgba(123,223,227,.48);box-shadow:0 16px 34px rgba(0,0,0,.3); }.plan-card.selected { border-color:rgba(85,230,165,.9);background:radial-gradient(ellipse at 0% 0%,rgba(85,230,165,.17),transparent 60%),linear-gradient(145deg,#142d32,#101a2b 74%);box-shadow:0 0 0 1px rgba(85,230,165,.1),0 14px 36px rgba(12,116,99,.2); }.plan-card.selected::after { content:"انتخاب شما";position:absolute;left:11px;top:10px;padding:2px 8px;border-radius:99px;background:#55e6a51f;color:#8df2c3;font-size:15px;font-weight:800; }.plan-term { color:#aab8ca;font-size:14px; }.plan-card>strong { margin-top:5px;font-size:19px; }.plan-price { margin-top:11px;color:#d9f8ee;font-size:16px;font-weight:900;white-space:nowrap; }.plan-price small { color:#9ba9bd;font-size:16px;font-weight:400; }.plan-foot { margin-top:auto;color:#97a7ba;font-size:16px; }.buy-row { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:15px;padding:15px 18px;border:1px solid rgba(163,185,215,.16);border-radius:16px;background:linear-gradient(110deg,rgba(20,34,53,.94),rgba(12,22,37,.94)); }.buy-row b,.buy-row small { display:block; }.buy-row b { color:#f2f6fc;font-size:15px; }.buy-row b span { color:#7debb7; }.buy-row small { margin-top:2px;color:#9ba9bd;font-size:14px; }.buy-row .button { flex:0 0 auto; }
.service-panel { position:relative;z-index:1;margin:0 auto 50px;padding:28px;background:#ecf0f6;color:#202738;border-radius:24px;width:min(1140px,calc(100% - 40px));box-shadow:0 12px 40px #0002; }.service-panel[hidden] { display:none!important; }.service-heading { display:flex;align-items:center;justify-content:space-between;margin-bottom:18px; }.service-heading .eyebrow { color:#188276; }.service-heading h2 { margin:4px 0 0;color:#171c29;font-size:22px; }.button-quiet { min-height:40px;background:#e9edf3;color:#39465b; }.service-summary { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }.summary-cell { padding:14px;border-radius:14px;background:#fff; }.summary-cell small,.summary-cell b { display:block; }.summary-cell small { color:#647187;font-size:14px; }.summary-cell b { margin-top:5px;font-size:14px;overflow-wrap:anywhere; }.dns-address { direction:ltr;text-align:left;font-family:ui-monospace,monospace!important; }.ip-actions { display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:13px;padding:15px;border-radius:14px;background:#fff; }.ip-actions b { font-size:15px; }.ip-actions p { margin:3px 0 0;color:#647187;font-size:14px; }.ip-actions .button { min-height:42px;color:#1d2c40;background:#f4f6f8;border-color:#dce2ec; }.pilot-note,.notice { margin-top:12px;padding:12px 14px;border:1px solid #f0dfb8;border-radius:12px;background:#fff8e8;color:#52647a;font-size:15px;line-height:1.9; }.service-history { margin-top:16px;color:#647187;font-size:15px; }.service-history b { color:#202738; }.loading { display:flex;align-items:center;gap:10px;padding:22px;color:#647187;font-size:15px; }.spinner { width:18px;height:18px;border:2px solid #dce3eb;border-top-color:#36bb91;border-radius:50%;animation:spin .8s linear infinite; }@keyframes spin { to { transform:rotate(360deg); } }
.pings { position:relative;z-index:1;width:min(1140px,calc(100% - 40px));margin:0 auto 80px;display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:42px;padding:30px 0; }.ping-heading { display:flex;align-items:center;gap:13px; }.ping-heading h2 { margin:0;color:#f3f5fb;font-size:27px;line-height:1.55; }.ping-indicator { display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border:1px solid rgba(85,230,165,.35);border-radius:50%; }.ping-indicator i { width:11px;height:11px;border-radius:50%;background:var(--green);box-shadow:0 0 0 8px #55e6a522,0 0 22px #55e6a5; }.pings-copy>p { color:#b8c2d1;font-size:15px;line-height:2.2; }.pings-copy .about-more { margin-top:0; }.connection-table-wrap { position:relative;padding:18px;border:1px solid rgba(203,213,225,.11);border-radius:20px;background:rgba(17,24,39,.72);overflow:auto; }.table-glow { position:absolute;right:0;top:0;width:60%;height:35%;border-radius:50%;background:#008ffd;filter:blur(65px);opacity:.1;pointer-events:none; }.connection-table { position:relative;width:100%;border-collapse:collapse;text-align:right;white-space:nowrap; }.connection-table th { padding:11px 10px;color:#9fadc1;font-size:14px;font-weight:700;border-bottom:1px solid rgba(203,213,225,.14); }.connection-table td { padding:14px 10px;color:#d6deea;font-size:14px;border-bottom:1px solid rgba(203,213,225,.08); }.connection-table tr:last-child td { border-bottom:0; }.connection-table code { direction:ltr;color:#a6eee0;font-size:14px; }.table-method { display:flex;align-items:center;gap:8px;color:#f3f5fb;font-weight:800; }.table-method b { color:#7bdfe3;font-size:16px; }.status-live { display:inline-flex;align-items:center;gap:7px;color:#75e8b2; }.status-live i { width:6px;height:6px;border-radius:50%;background:#55e6a5;box-shadow:0 0 10px #55e6a5; }
.comments { position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;width:min(1140px,calc(100% - 40px));margin:0 auto 85px; }.comments-heading { grid-column:1/-1;margin-bottom:7px; }.comments-heading .small-section-title { color:var(--cyan); }.comments-heading h2 { margin:0;color:#f2f5fb;font-size:27px; }.comment { min-height:235px;padding:23px;border:1px solid rgba(203,213,225,.11);border-radius:20px;background:linear-gradient(145deg,rgba(17,24,39,.89),rgba(8,16,28,.9));box-shadow:0 10px 35px rgba(0,0,0,.13); }.comment-mark { display:grid;place-items:center;width:38px;height:38px;margin-bottom:13px;border:1px solid rgba(123,223,227,.2);border-radius:13px;background:rgba(123,223,227,.08);color:var(--cyan);font-size:15px;font-weight:900; }.comment h3 { margin:0 0 5px;color:#fff;font-size:15px; }.comment p { margin:0;color:#b8c2d1;font-size:15px;line-height:2.1; }.comment>a { display:inline-block;margin-top:10px;color:#86e8be;font-size:14px; }
.site-footer { position:relative;z-index:1;border-top:1px solid rgba(203,213,225,.1);background:#060b13; }.footer-inner { display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:42px;width:min(1140px,calc(100% - 40px));margin:auto;padding:42px 0 25px; }.footer-brand { direction:rtl;display:inline-block;font-size:21px;font-weight:900;letter-spacing:0;white-space:nowrap; }.footer-brand span { color:var(--violet);font-weight:400; }.footer-about p { max-width:400px;color:#aab5c4;font-size:15px;line-height:2.2; }.footer-column { display:flex;flex-direction:column;align-items:flex-start;gap:7px;color:#aebacc;font-size:14px; }.footer-column strong { margin-bottom:6px;padding-right:12px;border-right:2px solid var(--green);color:#fff;font-size:15px; }.footer-column a:hover { color:var(--cyan); }.footer-column bdi { color:#dffbf1; }.copyright { grid-column:1/-1;padding-top:16px;border-top:1px solid rgba(203,213,225,.08);color:#77859a;font-size:16px; }
.login-dialog { width:min(440px,calc(100vw - 28px));padding:30px;border:1px solid #344258;border-radius:22px;background:#101827;color:var(--ink);box-shadow:0 24px 100px #0009; }.login-dialog::backdrop { background:#050a13d9;backdrop-filter:blur(5px); }.login-dialog [hidden] { display:none!important; }.login-dialog h2 { margin:7px 0;font-size:21px; }.login-dialog>p { color:var(--muted);font-size:15px; }.dialog-close { float:left;width:32px;height:32px;border:0;border-radius:50%;background:#263146;color:#fff;font-size:21px;cursor:pointer; }.login-dialog label { display:block;margin-top:17px;font-size:15px;font-weight:700; }.login-dialog input { font-size:16px; display:block;width:100%;height:48px;margin-top:7px;padding:0 13px;border:1px solid #3a4659;border-radius:12px;outline-color:var(--green);background:#0b1220;color:#fff;direction:ltr;text-align:left; }.login-dialog .button { width:100%;margin-top:14px; }.form-error { min-height:18px;margin-top:10px;color:#ff9c9c;font-size:15px; }.toast { position:fixed;z-index:50;bottom:22px;left:50%;transform:translate(-50%,20px);padding:11px 19px;border:1px solid #39465a;border-radius:12px;background:#121c2c;color:#fff;font-size:15px;opacity:0;pointer-events:none;transition:.25s; }.toast.show { opacity:1;transform:translate(-50%,0); }
.guide-page { position:relative;z-index:1;width:min(900px,calc(100% - 40px));margin:120px auto 70px; }.guide-page h1 { margin:5px 0;color:#fff;font-size:36px; }.guide-lead { color:var(--muted);font-size:16px; }.guide-address { display:flex;align-items:center;gap:17px;margin:24px 0;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#111827cc;color:#fff; }.guide-address span { color:#c4cfdd;font-size:15px; }.guide-address code { margin-left:auto;direction:ltr;font-size:18px;font-weight:900; }.guide-address .button { min-height:40px; }.guide-page details { margin:9px 0;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--panel); }.guide-page summary { color:#f3f5fb;font-size:15px;font-weight:800;cursor:pointer; }.guide-page details p,.guide-page li { color:#bdc7d5;font-size:15px;line-height:2.1; }.guide-page ol { padding-right:23px; }.guide-page a:not(.brand) { color:var(--cyan);text-decoration:underline; }.guide-page pre { padding:14px;border-radius:11px;background:#111827cc;color:#fff;overflow:auto; }.guide-note { margin-top:17px;padding:15px;border:1px solid #315e5c;border-radius:13px;background:#162a2c;color:#d7e9e8;font-size:15px; }
.about-page { position:relative;z-index:1;width:min(1000px,calc(100% - 40px));margin:130px auto 80px; }.head-section { margin-bottom:18px;text-align:center; }.head-section .small-section-title { color:var(--cyan); }.head-section h1 { display:flex;flex-direction:column;margin:0;font-size:clamp(30px,4vw,46px);font-weight:900;line-height:1.55; }.about-gradient { background:linear-gradient(90deg,var(--violet) 15%,rgba(59,144,255,.94));-webkit-background-clip:text;background-clip:text;color:transparent; }.about-body { display:flex;flex-direction:column;gap:18px;padding:12px 20px;color:#cbd5e1;text-align:justify;font-size:16px;line-height:2.15; }.about-body p { margin:0; }.about-body h2,.about-body h3 { margin:8px 0 0;color:#fff;font-size:20px; }.about-body h2 .about-gradient,.about-body h3 .about-gradient { font-weight:800; }.about-body strong { color:#f5f7ff; }.about-body ul { margin:0;padding-right:25px; }.about-callout { margin-top:14px;padding:21px 24px;border:1px solid rgba(85,230,165,.25);border-radius:20px;background:linear-gradient(110deg,rgba(19,49,51,.72),rgba(11,25,37,.9)); }.about-actions { display:flex;flex-wrap:wrap;gap:10px;margin-top:18px; }
@media(max-width:900px) { .topbar { width:calc(100% - 32px); }.topbar nav { gap:15px; }.topbar-actions { gap:12px; }.hero { min-height:auto;padding:105px 24px 40px; }.hero-container { flex-direction:column-reverse;gap:0; }.hero-copy,.hero-art { width:min(100%,650px); }.hero-copy { align-items:center;text-align:center; }.hero-lead { max-width:560px; }.hero-stats { justify-content:center; }.hero-art { height:350px;min-height:350px; }.hero-ship { max-height:340px;width:min(100%,370px); }.features { padding:54px 0; }.about-droplag { gap:28px; }.about-art { flex-basis:42%;min-height:320px; }.about-copy h2 { font-size:25px; }.plan-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.pings { grid-template-columns:1fr;gap:20px; }.connection-table-wrap { width:100%; }.footer-inner { gap:22px; } }
@media(max-width:560px) { .topbar { height:68px;width:calc(100% - 24px); }.topbar nav { display:none; }.topbar-actions { margin-right:auto; }.topbar-actions>a { display:none; }.topbar .brand { left:50%;font-size:17px; }.brand-mark { width:28px;height:28px; }.topbar .button { min-height:35px;padding:0 11px;font-size:16px; }.hero { padding:84px 17px 34px; }.hero-art { height:270px;min-height:270px; }.hero-ship { max-height:260px;width:290px; }.hero-orbit.orbit-a { width:230px;height:230px; }.hero-orbit.orbit-b { width:290px;height:135px; }.hero h1 { font-size:35px;line-height:1.5; }.hero h1 img { width:27px;height:27px; }.hero-kicker { font-size:16px; }.hero-lead { font-size:15px; }.hero-stats { gap:22px; }.features { width:calc(100% - 24px);gap:10px;padding:32px 0; }.feature,.feature.reverse { flex-direction:row;gap:8px; }.feature-symbol { flex-basis:48px;min-height:48px;font-size:22px;border-radius:50%; }.feature>div:last-child { padding:12px 14px;border-radius:17px; }.feature h2 { font-size:15px; }.feature p { font-size:14px;line-height:1.9; }.about-droplag { width:calc(100% - 24px);margin:24px auto 40px;flex-direction:column;gap:15px; }.about-art { min-height:220px;width:100%; }.about-art img { max-height:250px;width:80%; }.about-copy h2 { font-size:21px; }.about-copy p { font-size:15px; }.plans-section { width:calc(100% - 20px);margin-bottom:42px;padding:24px 13px;border-radius:20px; }.section-heading { display:block;margin-bottom:16px; }.section-heading h2 { font-size:21px; }.section-heading>p { margin-top:5px;font-size:14px; }.plan-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }.plan-card { min-height:137px;padding:12px; }.plan-card.selected { padding:12px; }.plan-card-year { grid-column:span 2; }.plan-card>strong { font-size:16px; }.plan-price { font-size:15px;margin-top:8px; }.buy-row { align-items:stretch;flex-direction:column;padding:13px; }.buy-row .button { width:100%; }.service-panel { width:calc(100% - 20px);padding:18px 13px;margin-bottom:25px; }.service-summary { grid-template-columns:1fr 1fr;gap:7px; }.summary-cell { padding:11px; }.summary-cell:last-child { grid-column:span 2; }.summary-cell b { font-size:15px; }.ip-actions { align-items:stretch;flex-direction:column;padding:13px; }.ip-actions .button { width:100%; }.pings { width:calc(100% - 24px);margin-bottom:45px;gap:14px; }.ping-heading h2 { font-size:21px; }.pings-copy>p { font-size:14px; }.connection-table-wrap { padding:11px; }.connection-table { min-width:600px; }.comments { width:calc(100% - 24px);grid-template-columns:1fr;gap:8px;margin-bottom:45px; }.comments-heading h2 { font-size:21px; }.comment { min-height:auto;padding:17px; }.footer-inner { width:calc(100% - 32px);grid-template-columns:1fr;gap:16px;padding:30px 0 20px; }.footer-column { gap:5px; }.copyright { grid-column:auto; }.guide-page { width:calc(100% - 30px);margin:92px auto 48px; }.guide-page h1 { font-size:29px; }.guide-address { flex-wrap:wrap;gap:10px;padding:14px; }.guide-address code { margin-left:auto; }.about-page { width:calc(100% - 28px);margin:92px auto 48px; }.head-section h1 { font-size:29px; }.about-body { padding:8px 4px;font-size:15px;gap:14px; }.about-body h2,.about-body h3 { font-size:17px; }.about-callout { padding:16px; }.about-actions { flex-direction:column; }.about-actions .button { width:100%; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important; } }
/* High-energy gaming pass: sharper hierarchy, vivid color and carefully indexed data. */
.hero { min-height:100svh; background:radial-gradient(ellipse at 78% 44%,rgba(0,225,255,.25),transparent 35%),radial-gradient(ellipse at 17% 67%,rgba(174,70,255,.23),transparent 34%),radial-gradient(ellipse at 53% 105%,rgba(28,87,255,.16),transparent 43%),#020710; }
.hero::after { content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 10%,rgba(59,144,255,.045) 50%,transparent 78%),radial-gradient(ellipse at 50% 50%,transparent 45%,rgba(0,0,0,.35)); }
.hero-container { position:relative;z-index:1; }
.hero-copy { gap:20px; }
.hero-kicker { border-color:rgba(85,230,165,.42);background:rgba(4,17,28,.78);color:#b5ffe0;box-shadow:0 0 0 4px rgba(85,230,165,.045),0 0 28px rgba(85,230,165,.12); }
.hero-kicker::after { content:"BETA";margin-right:6px;padding:0 8px;border-radius:99px;background:linear-gradient(90deg,#8d55ff,#d44bff);color:#fff;font-size:12px;font-weight:900;letter-spacing:.7px; }
.hero h1 { font-size:clamp(54px,6.6vw,88px);line-height:1.3;font-weight:800;text-shadow:0 8px 42px rgba(0,0,0,.42); }
.hero h1 span { font-size:.66em;color:#f8fbff; }
.hero h1 em { display:inline-block;margin-top:2px;font-weight:900;background:linear-gradient(95deg,#73f4be 3%,#5ee8ff 45%,#da83ff 92%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 24px rgba(129,88,255,.22)); }
.hero h1 img { width:46px;height:46px;filter:drop-shadow(0 0 18px #df65ff); }
.hero-lead { max-width:520px;color:#e0e8f5;font-size:18px;line-height:2; }
.hero-cta { min-height:60px;padding-inline:30px;border-radius:16px;font-size:16px;box-shadow:0 12px 34px rgba(85,230,165,.3),0 0 0 1px rgba(255,255,255,.15) inset; }
.hero-cta:hover:not(:disabled) { box-shadow:0 15px 45px rgba(85,230,165,.48),0 0 0 1px rgba(255,255,255,.22) inset; }
.hero-stats { gap:25px; }.hero-stats>div { min-width:155px;padding:11px 14px;border:1px solid rgba(189,205,232,.15);border-radius:15px;background:linear-gradient(120deg,rgba(11,25,43,.78),rgba(9,17,30,.42)); }.hero-stats b { font-size:36px;text-shadow:0 0 24px rgba(85,230,165,.38); }.hero-stats span { max-width:none;color:#d1dceb;font-size:15px; }
.hero-art { filter:drop-shadow(0 0 42px rgba(48,195,255,.17)); }.hero-ship { width:min(112%,510px);max-height:470px;filter:drop-shadow(0 25px 75px rgba(0,190,253,.34)) drop-shadow(0 0 24px rgba(217,159,250,.2)); }.hero-orbit.orbit-a { width:430px;height:430px;border-color:rgba(217,159,250,.4);box-shadow:0 0 25px rgba(217,159,250,.1); }.hero-orbit.orbit-b { width:520px;height:235px;border-color:rgba(85,230,165,.34); }.star-green { filter:drop-shadow(0 0 13px #55e6a5); }.star-pink { filter:drop-shadow(0 0 17px #e66cff); }.hero-art-label { padding:8px 16px;border-color:rgba(123,223,227,.27);color:#e7f7ff;background:rgba(5,13,24,.88);box-shadow:0 8px 32px #0006; }
.features { gap:16px;padding-top:78px;padding-bottom:72px; }.feature { position:relative; }.feature>div:last-child { position:relative;overflow:hidden;border:1px solid rgba(146,176,220,.14);border-radius:24px;background:linear-gradient(115deg,rgba(14,27,46,.94),rgba(7,15,28,.87));box-shadow:0 12px 38px rgba(0,0,0,.2);transition:border-color .22s,transform .22s,box-shadow .22s; }.feature>div:last-child::after { content:"";position:absolute;top:-60%;left:-4%;width:30%;height:210%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,rgba(123,223,227,.045),transparent);pointer-events:none; }.feature:hover>div:last-child { transform:translateY(-2px);border-color:rgba(123,223,227,.32);box-shadow:0 18px 42px rgba(0,0,0,.27); }.feature-symbol { flex-basis:92px;border-color:rgba(123,223,227,.33);background:radial-gradient(circle at 35% 25%,rgba(0,218,255,.23),transparent 52%),linear-gradient(145deg,#17263e,#0b1220);box-shadow:0 0 0 5px rgba(123,223,227,.035),0 0 34px rgba(0,190,253,.13);font-size:42px;text-shadow:0 0 22px currentColor; }.feature:nth-child(even) .feature-symbol { color:#d99ffa;border-color:rgba(217,159,250,.34);box-shadow:0 0 0 5px rgba(217,159,250,.035),0 0 34px rgba(217,100,255,.13); }.feature h2 { font-size:21px; }.feature p { color:#d3ddec;font-size:16px;line-height:2; }
.about-droplag { margin-top:25px;margin-bottom:86px;gap:70px; }.about-art { min-height:440px; }.about-art img { filter:drop-shadow(0 24px 45px rgba(0,190,253,.24)); }.about-image-glow { opacity:.26;filter:blur(115px); }.about-copy .small-section-title { color:#83e8db;font-size:16px;letter-spacing:.3px; }.about-copy h2 { font-size:clamp(31px,3.3vw,42px);line-height:1.55; }.about-copy p { color:#d0dbea;font-size:16px;line-height:2.15; }
.plans-section { border-color:rgba(123,223,227,.22);background:radial-gradient(ellipse at 0% 0%,rgba(144,62,255,.22),transparent 43%),radial-gradient(ellipse at 100% 100%,rgba(0,214,255,.16),transparent 44%),linear-gradient(145deg,#0c1423,#070c16 74%);box-shadow:0 30px 100px rgba(0,0,0,.3),0 0 55px rgba(70,96,255,.08),inset 0 1px rgba(255,255,255,.055); }.plans-section::before { content:"";position:absolute;left:-55px;top:-80px;width:170px;height:170px;border:1px solid rgba(123,223,227,.12);border-radius:50%;box-shadow:0 0 0 22px rgba(123,223,227,.025),0 0 0 48px rgba(123,223,227,.018);pointer-events:none; }.plan-card { min-height:188px;border-color:rgba(151,184,224,.21);background:linear-gradient(145deg,rgba(20,34,56,.98),rgba(8,15,29,.96)); }.plan-card.selected { border-width:2px;padding:15px 13px;background:radial-gradient(ellipse at 0% 0%,rgba(85,230,165,.22),transparent 62%),linear-gradient(145deg,#14352f,#0e1d2d 77%);box-shadow:0 0 0 4px rgba(85,230,165,.055),0 0 36px rgba(85,230,165,.15),0 18px 38px rgba(0,0,0,.25); }.plan-card.selected::after { font-size:14px; }.plan-card>strong { font-size:22px; }.plan-price { color:#ecfff6;font-size:16px; }.plan-foot { color:#b3c1d4;font-size:15px; }.buy-row { border-color:rgba(123,223,227,.2);background:linear-gradient(105deg,rgba(26,43,67,.96),rgba(10,19,33,.96)); }.buy-row b { font-size:16px; }.buy-row small { color:#c2cede;font-size:15px; }.buy-row .button { min-height:54px;font-size:15px; }
.pings { grid-template-columns:.7fr 1.3fr;align-items:start;gap:30px;width:min(1200px,calc(100% - 40px));margin:0 auto 85px;padding:34px;border:1px solid rgba(123,223,227,.18);border-radius:28px;background:radial-gradient(ellipse at 3% 5%,rgba(155,73,255,.15),transparent 39%),radial-gradient(ellipse at 100% 90%,rgba(0,207,255,.1),transparent 44%),linear-gradient(145deg,#0a1322,#060b14);box-shadow:0 30px 100px rgba(0,0,0,.3),0 0 48px rgba(0,163,255,.055); }.ping-heading { align-items:flex-start;gap:15px; }.ping-heading h2 { font-size:34px;line-height:1.5; }.ping-indicator { flex-basis:52px;width:52px;height:52px;border-color:rgba(85,230,165,.6);box-shadow:0 0 0 8px rgba(85,230,165,.035),0 0 27px rgba(85,230,165,.11); }.ping-indicator i { width:13px;height:13px; }.pings-copy>p { color:#d0dbea;font-size:16px;line-height:2.2; }.ping-legend { display:flex;flex-direction:column;gap:8px;margin:18px 0 12px;color:#bdc9d9;font-size:14px; }.ping-legend span { display:flex;align-items:center;gap:9px; }.ping-legend i { width:9px;height:9px;border-radius:50%; }.legend-beta { background:var(--green);box-shadow:0 0 13px var(--green); }.legend-off { background:#748196; }.connection-table-wrap { padding:16px 18px 12px;border-color:rgba(141,173,216,.19);background:rgba(5,12,22,.8);box-shadow:inset 0 1px rgba(255,255,255,.035),0 18px 54px rgba(0,0,0,.22); }.table-topline { position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 3px 9px;padding-bottom:11px;border-bottom:1px solid rgba(203,213,225,.11);color:#eaf2ff;font-size:15px;font-weight:800; }.table-live { display:flex;align-items:center;gap:8px;color:#a8b8ce;font-size:13px;font-weight:600; }.table-live i { width:8px;height:8px;border-radius:50%;background:#55e6a5;box-shadow:0 0 12px #55e6a5; }.connection-table th { padding:12px 9px;color:#9aabc1;font-size:14px;border-bottom-color:rgba(164,190,221,.2); }.connection-table td { padding:11px 9px;color:#dce6f3;font-size:14px;border-bottom-color:rgba(164,190,221,.09); }.ping-table { min-width:680px; }.ping-table tbody tr { transition:background .2s; }.ping-table tbody tr:hover { background:rgba(123,223,227,.045); }.ping-table tbody tr.beta-row { background:linear-gradient(90deg,rgba(85,230,165,.085),rgba(9,22,31,.12)); }.ping-table tbody tr.beta-row td:first-child { box-shadow:inset -2px 0 var(--green); }.table-method { gap:8px;color:#f3f6fc; }.table-method img { width:34px;height:34px;object-fit:contain;border-radius:9px;background:#fff;padding:2px;box-shadow:0 3px 12px #0005; }.table-method b { display:grid;place-items:center;min-width:24px;height:24px;border:1px solid rgba(164,190,221,.15);border-radius:8px;color:#a8bdd7;font-size:12px; }.beta-row .table-method b { color:#7df0b8;border-color:rgba(85,230,165,.28);background:rgba(85,230,165,.07); }.ping-unavailable { color:#8493a9!important;text-align:center;font-size:16px!important; }.status-beta { display:inline-flex;align-items:center;gap:7px;padding:3px 10px;border:1px solid rgba(85,230,165,.24);border-radius:99px;background:rgba(85,230,165,.08);color:#9af5c4;font-size:14px;white-space:nowrap; }.status-beta i { width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green); }.status-out { color:#a0aec1;font-size:13px;white-space:nowrap; }.ping-table-note { position:relative;z-index:1;margin:8px 2px 0;color:#8999af;font-size:13px;line-height:1.8; }
.comments-heading { position:relative;padding-right:18px; }.comments-heading::before { content:"";position:absolute;right:0;top:3px;width:3px;height:85%;border-radius:9px;background:linear-gradient(var(--green),#8a5bff);box-shadow:0 0 17px rgba(85,230,165,.35); }.comments-heading h2 { font-size:34px; }.comment { position:relative;overflow:hidden;min-height:260px;border-color:rgba(145,174,218,.16);background:radial-gradient(ellipse at 100% 0%,rgba(85,230,165,.08),transparent 53%),linear-gradient(145deg,#101c2e,#080f1b);transition:transform .22s,border-color .22s,box-shadow .22s; }.comment:nth-of-type(3n) { background:radial-gradient(ellipse at 100% 0%,rgba(217,159,250,.1),transparent 53%),linear-gradient(145deg,#101c2e,#080f1b); }.comment:hover { transform:translateY(-5px);border-color:rgba(123,223,227,.34);box-shadow:0 20px 50px rgba(0,0,0,.25); }.comment-mark { width:45px;height:45px;font-size:15px;box-shadow:0 0 25px rgba(123,223,227,.08); }.comment h3 { font-size:18px; }.comment p { color:#c6d2e1;font-size:15px;line-height:2.05; }.comment>a { color:#8af0bf;font-size:14px; }
.about-more { font-size:15px; }.small-section-title { font-size:16px; }
@media(max-width:900px) { .hero h1 { font-size:clamp(48px,8vw,72px); }.hero-lead { font-size:16px; }.hero-stats span { font-size:14px; }.pings { grid-template-columns:1fr;gap:23px;padding:27px; }.ping-legend { flex-direction:row;flex-wrap:wrap;gap:16px; }.comments-heading h2 { font-size:29px; } }
@media(max-width:560px) { .hero { min-height:92svh;padding:84px 15px 30px; }.hero h1 { font-size:clamp(39px,10vw,54px); }.hero h1 img { width:30px;height:30px; }.hero-lead { font-size:15px; }.hero-kicker { font-size:13px; }.hero-kicker::after { font-size:11px; }.hero-stats>div { min-width:0;padding:8px 10px; }.hero-stats b { font-size:28px; }.hero-stats span { font-size:13px; }.hero-art { height:250px;min-height:250px; }.hero-ship { max-height:240px;width:280px; }.hero-orbit.orbit-a { width:220px;height:220px; }.hero-orbit.orbit-b { width:290px;height:130px; }.feature p { font-size:14px; }.about-copy p { font-size:15px; }.plans-section { padding:23px 12px; }.plan-card { min-height:145px; }.plan-card>strong { font-size:17px; }.plan-term,.plan-foot { font-size:13px; }.plan-price { font-size:14px; }.plan-price small { font-size:12px; }.buy-row b,.buy-row small { font-size:14px; }.pings { width:calc(100% - 20px);padding:19px 13px;border-radius:21px; }.ping-heading h2 { font-size:23px; }.pings-copy>p { font-size:14px; }.ping-legend { flex-direction:column;font-size:13px; }.connection-table-wrap { padding:12px 10px 9px; }.table-topline { font-size:14px; }.table-live { font-size:12px; }.ping-table { min-width:720px; }.connection-table th,.connection-table td { font-size:13px; }.table-method img { width:30px;height:30px; }.status-beta,.status-out { font-size:12px; }.ping-table-note { max-width:700px;font-size:12px; }.comments-heading h2 { font-size:25px; }.comment { min-height:0; }.comment h3 { font-size:16px; }.comment p { font-size:14px; } }