@font-face{font-family:'Parastoo';src:url('/public/shared/fonts/Parastoo-Bold.woff2') format('woff2'),url('/public/shared/fonts/Parastoo-Bold.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
:root{--bg:#07090c;--silver:#e0e2e4;--muted:#808992;--gold:#d0a765;--gold2:#efd49c;--blue:#429fff;--blue2:#75bdff;--glass:rgba(20,24,30,.58);--border:rgba(255,255,255,.105)}
*{box-sizing:border-box;margin:0;padding:0}
html,body{margin:0;min-height:100%;background:var(--bg);color:#fff;font-family:'Parastoo',Tahoma,'Segoe UI',Arial,sans-serif;line-height:1.6;direction:rtl}
body{overflow-x:hidden;background:radial-gradient(850px 520px at 76% 27%,rgba(45,111,177,.11),transparent 67%),radial-gradient(650px 480px at 18% 80%,rgba(208,167,101,.075),transparent 70%),linear-gradient(145deg,#06080b,#0b0e13 48%,#07090c)}
.page{width:min(1220px,92vw);margin:auto;padding:58px 0 100px;position:relative}
.aurora{position:absolute;width:850px;height:480px;top:-90px;left:50%;transform:translateX(-50%);pointer-events:none}
.aurora:before,.aurora:after{content:"";position:absolute;border-radius:50%;filter:blur(55px)}
.aurora:before{width:520px;height:180px;right:4%;top:80px;background:rgba(49,125,202,.17);transform:rotate(-15deg)}
.aurora:after{width:500px;height:150px;left:5%;top:245px;background:rgba(198,148,70,.11);transform:rotate(11deg)}
.orbit{position:absolute;width:480px;height:480px;right:-105px;top:62px;border:1px solid rgba(208,167,101,.30);border-radius:50%;transform:rotate(-17deg);pointer-events:none}
.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid rgba(208,167,101,.14);border-radius:50%}
.orbit:before{inset:42px -15px 66px 38px;transform:rotate(29deg)}
.orbit:after{inset:91px 32px 18px -48px;transform:rotate(-31deg)}
.dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--gold2);box-shadow:0 0 16px rgba(208,167,101,.72)}
.dot.one{right:32px;top:126px}.dot.two{left:57px;bottom:83px}.dot.three{right:88px;bottom:37px}
.header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.075)}
.brand{display:flex;align-items:center;gap:14px}
.mark{width:43px;height:43px;border:1px solid rgba(208,167,101,.72);border-radius:50%;display:grid;place-items:center;color:#e7cf9f;font-size:11px;font-weight:900}
.name{color:#dfe1e4;font-size:16px;font-weight:800;letter-spacing:.08em}
.name span{color:var(--gold)}
.meta{color:#626b74;font-size:10px;letter-spacing:.13em}
.hero{position:relative;z-index:4;margin-top:105px;max-width:1010px}
.eyebrow{display:flex;align-items:center;gap:11px;margin-bottom:23px;color:#8e969e;font-size:11px}
.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 9px rgba(66,159,255,.85),0 0 20px rgba(66,159,255,.35)}
h1{margin:0;max-width:980px;color:var(--silver);font-size:clamp(38px,5.5vw,76px);line-height:1.14;font-weight:800;letter-spacing:-.055em}
.subtitle{margin-top:18px;color:#bfc3c8;font-size:clamp(20px,2.2vw,27px)}
.subtitle strong{color:var(--gold2)}
.signal{width:min(780px,100%);height:58px;margin-top:34px;position:relative}
.signal-line{position:absolute;top:28px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(66,159,255,.85) 13%,var(--blue2) 43%,rgba(66,159,255,.85) 76%,transparent);box-shadow:0 0 12px rgba(66,159,255,.6)}
.wave{position:absolute;left:8%;top:0;width:64%;height:55px;border-top:2px solid var(--blue2);border-radius:50%;transform:rotate(-2deg) scaleY(.75);filter:drop-shadow(0 0 6px rgba(66,159,255,.75))}
.wave:after{content:"";position:absolute;width:34%;height:100%;left:31%;top:0;border-bottom:2px solid var(--blue2);border-radius:50%;transform:rotate(4deg)}
.arrow{position:absolute;right:3%;top:17px;width:35px;height:20px;border-top:2px solid var(--blue2);border-right:2px solid var(--blue2);transform:rotate(45deg) skew(-15deg);filter:drop-shadow(0 0 5px rgba(66,159,255,.7))}
.zone{margin-top:30px;display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:22px}
.glass{position:relative;min-height:215px;padding:28px 30px 31px;border-radius:19px;border:1px solid var(--border);background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018) 48%,rgba(208,167,101,.025)),var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 30px 85px rgba(0,0,0,.34);overflow:hidden}
.glass:before{content:"";position:absolute;width:120px;height:1px;top:0;right:32px;background:linear-gradient(90deg,var(--gold),transparent);box-shadow:0 0 14px rgba(208,167,101,.3)}
.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}
.label{color:#69727b;font-size:10px;letter-spacing:.11em}
.live{display:flex;gap:7px;align-items:center;color:#80bfff;font-size:9px}
.live i{width:5px;height:5px;border-radius:50%;background:var(--blue);box-shadow:0 0 10px var(--blue)}
.box-title{margin-bottom:10px;color:#e1e3e5;font-size:22px;font-weight:700}
.copy{max-width:720px;margin:0;color:#7f8891;font-size:13px;line-height:1.95}
.side{position:relative;min-height:215px;padding:25px;border:1px solid rgba(208,167,101,.23);border-radius:19px;background:rgba(9,12,15,.70);overflow:hidden}
.side:before{content:"";position:absolute;width:150px;height:150px;right:-70px;top:-60px;border:1px solid rgba(208,167,101,.14);border-radius:50%}
.side:after{content:"";position:absolute;width:8px;height:8px;right:36px;top:47px;border-radius:50%;background:var(--gold);box-shadow:0 0 15px rgba(208,167,101,.65)}
.side small{color:#626b73;font-size:9px}
.num{margin-top:22px;color:#e0e2e4;font-size:37px;font-weight:700}
.status{margin-top:8px;color:#858e97;font-size:10px}
.line{height:1px;margin-top:25px;background:linear-gradient(90deg,var(--blue),transparent);box-shadow:0 0 10px rgba(66,159,255,.35)}
.footer{margin-top:54px;display:flex;justify-content:space-between;color:#525b64;font-size:9px;letter-spacing:.12em}
@media(max-width:800px){.meta{display:none}.orbit{right:-245px;top:100px;opacity:.6}.hero{margin-top:72px}.zone{grid-template-columns:1fr}.side{min-height:150px}}
@media(max-width:520px){.page{width:90vw}.hero{margin-top:58px}.glass,.side{padding:23px}.box-title{font-size:19px}.footer{gap:20px;line-height:1.7}}