@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b0d10;--panel:#12171a;--panel2:#171e22;--text:#f5f7f2;--muted:#98a19f;--line:rgba(255,255,255,.09);--accent:#b7f36a;--font:"Cairo",Tahoma,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.75}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}
.topbar{position:sticky;top:0;z-index:20;background:rgba(11,13,16,.87);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.05)}.topbar-inner{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:800;direction:ltr}.brand img{width:34px;height:34px;object-fit:cover;border-radius:10px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--accent);color:#11170b;font-size:19px}.main-nav{display:flex;align-items:center;gap:30px;color:#aab2ae;font-size:13px}.main-nav a:hover{color:var(--text)}.nav-button{padding:9px 14px;border:1px solid var(--line);border-radius:9px;color:var(--text)!important}.nav-button span{color:var(--accent);margin-right:7px}.nav-toggle{display:none;background:transparent;border:0;color:var(--text);font-size:22px}
.hero{min-height:590px;display:grid;grid-template-columns:1.05fr .95fr;gap:35px;align-items:center;padding-block:45px 65px}.hero-copy{padding:10px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--accent);font-size:12px;font-weight:700}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 13px var(--accent)}.hero h1{max-width:610px;margin:19px 0 13px;font-size:clamp(40px,5.5vw,68px);line-height:1.28;letter-spacing:-1.5px}.hero-copy>p{max-width:500px;color:var(--muted);font-size:15px;line-height:2}.hero-buttons{display:flex;gap:11px;margin-top:26px}.button{min-height:47px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:9px;font-size:13px;font-weight:700;transition:.2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--accent);color:#12180d}.button.outline{border:1px solid var(--line);color:var(--text)}.hero-note{margin-top:36px;color:#89928d;font-size:11px}.hero-note span{color:var(--accent);font-size:16px;margin-left:7px}
.hero-art{height:440px;position:relative;display:grid;place-items:center;overflow:hidden}.hero-art:before{content:"";position:absolute;width:270px;height:270px;border-radius:50%;background:rgba(171,234,100,.13);filter:blur(75px)}.art-ring{position:absolute;width:430px;height:430px;border:1px solid rgba(183,243,106,.14);border-radius:50%;transform:scaleY(.47) rotate(-22deg)}.ring-b{width:360px;height:360px;transform:scaleY(.6) rotate(48deg);border-color:rgba(183,243,106,.08)}.art-window{z-index:1;width:min(355px,78%);height:345px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:linear-gradient(145deg,#20282b,#111619);box-shadow:0 35px 80px #0008;transform:rotate(-4deg);overflow:hidden}.window-bar{height:42px;display:flex;align-items:center;gap:5px;padding:0 14px;border-bottom:1px solid var(--line);color:#8f9894;font-size:9px}.window-bar i{width:6px;height:6px;border-radius:50%;background:#49534e}.window-bar i:first-child{background:var(--accent)}.window-bar span{margin-right:auto;direction:ltr}.window-content{padding:35px 25px}.window-tag{color:var(--accent);font-size:10px}.window-content strong{display:block;margin-top:9px;font-size:42px;line-height:1.3}.window-lines{display:grid;gap:8px;margin-top:18px}.window-lines i{height:5px;width:78%;background:#3b4542;border-radius:8px}.window-lines i:nth-child(2){width:62%}.window-lines i:nth-child(3){width:43%;background:rgba(183,243,106,.45)}.window-footer{display:flex;justify-content:space-between;padding:0 25px;color:#89928d;font-size:9px}.window-footer b{color:var(--accent);font-weight:500}.floating-card{z-index:2;position:absolute;display:flex;align-items:center;gap:10px;padding:11px 14px;background:#1a2022;border:1px solid var(--line);border-radius:12px;box-shadow:0 15px 40px #0007}.floating-card>span{width:30px;height:30px;display:grid;place-items:center;background:rgba(183,243,106,.12);border-radius:9px;color:var(--accent)}.floating-card b,.floating-card small{display:block}.floating-card b{font-size:10px}.floating-card small{font-size:9px;color:var(--muted)}.float-one{top:67px;right:0}.float-two{bottom:55px;left:0}
.content-section{padding:80px 0 95px;background:#0f1315;border-top:1px solid rgba(255,255,255,.04)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:29px}.section-head h2{margin:7px 0 0;font-size:31px}.search-form{display:flex;width:min(310px,100%);border:1px solid var(--line);border-radius:9px;background:#0b0f10;overflow:hidden}.search-form input{width:100%;border:0;outline:0;background:transparent;padding:10px 13px;color:var(--text);font-size:12px}.search-form button{width:44px;border:0;background:transparent;color:var(--accent);font-size:22px;cursor:pointer}
.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.content-card{overflow:hidden;background:#14191b;border:1px solid var(--line);border-radius:14px;transition:.22s}.content-card:hover{transform:translateY(-4px);border-color:rgba(183,243,106,.27)}.card-media{height:205px;position:relative;display:block;overflow:hidden;background:#202725}.card-media img,.card-media video{width:100%;height:100%;object-fit:cover;display:block}.media-placeholder{height:100%;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(183,243,106,.14),transparent 45%),#1a201e;color:var(--accent);font-size:44px}.type-tag{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:20px;background:#111a;color:var(--accent);font-size:10px}.play-badge{position:absolute;top:50%;right:50%;transform:translate(50%,-50%);width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#10150b}.card-copy{padding:17px 18px 18px}.card-copy time,.article-meta time{color:#89928d;font-size:10px}.card-copy h3{margin:7px 0 5px;font-size:16px;line-height:1.6}.card-copy p{min-height:43px;margin:0 0 14px;color:var(--muted);font-size:11px;line-height:1.9}.read-more{display:flex;align-items:center;justify-content:space-between;color:var(--accent);font-size:11px;font-weight:700}.read-more span{font-size:18px}.empty-state{padding:65px 20px;text-align:center;border:1px dashed rgba(255,255,255,.14);border-radius:14px;color:var(--muted)}.empty-state>span{font-size:32px;color:var(--accent)}.empty-state h3{margin:10px 0;color:var(--text)}.empty-state p{font-size:12px}
.about-section{padding:75px 0}.about-box{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;padding:36px 40px;border:1px solid var(--line);border-radius:15px;background:radial-gradient(ellipse at 0% 100%,rgba(183,243,106,.08),transparent 45%),#111618}.about-box h2{margin:10px 0 0;font-size:30px}.about-box p{margin:0;color:var(--muted);font-size:13px;line-height:2.1}.footer{border-top:1px solid var(--line)}.footer-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#818b85;font-size:10px}
.article-page{max-width:850px;padding-block:45px 90px}.back-link{display:inline-block;margin-bottom:25px;color:var(--accent);font-size:12px}.article-meta{display:flex;align-items:center;gap:12px;color:#88918b;font-size:10px}.static-tag{position:static}.article-page>h1{margin:15px 0 8px;font-size:clamp(32px,5vw,50px);line-height:1.4}.article-summary{color:var(--muted);font-size:16px;line-height:2}.article-media{display:block;max-width:100%;width:100%;max-height:540px;object-fit:contain;margin:26px auto;border-radius:14px;background:#050606}.video-frame{position:relative;padding-bottom:56.25%;height:0;margin:26px 0;border-radius:14px;overflow:hidden;background:#000}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.article-body{margin-top:28px;font-size:15px;line-height:2.3;white-space:normal;overflow-wrap:anywhere}.not-found{text-align:center;padding:100px 20px}.not-found>span{font-size:55px;color:var(--accent)}.not-found h1{font-size:32px}
@media(max-width:850px){.hero{gap:10px}.main-nav{gap:18px}.hero-art{transform:scale(.92)}.content-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.wrap{width:calc(100% - 30px)}.topbar-inner{height:68px}.nav-toggle{display:block}.main-nav{display:none;position:absolute;top:68px;right:0;left:0;padding:14px 20px 20px;flex-direction:column;align-items:stretch;gap:6px;background:#101416;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.main-nav a{padding:8px 4px}.nav-button{text-align:center}.hero{grid-template-columns:1fr;padding:42px 0 48px;gap:0}.hero h1{font-size:46px}.hero-copy>p{font-size:13px}.hero-art{height:375px;transform:none}.art-window{height:305px}.window-content{padding:27px 22px}.window-content strong{font-size:36px}.float-one{top:42px}.float-two{bottom:40px}.content-section{padding:62px 0}.section-head{align-items:stretch;flex-direction:column}.section-head h2{font-size:27px}.search-form{width:100%}.content-grid{grid-template-columns:1fr}.card-media{height:220px}.about-section{padding:55px 0}.about-box{grid-template-columns:1fr;gap:16px;padding:24px}.about-box h2{font-size:26px}.footer-inner{min-height:105px;flex-wrap:wrap;padding:17px 0}.footer-inner>*{width:45%}.footer-inner>*:nth-child(2){text-align:left}.article-page{padding-top:30px}.article-page>h1{font-size:33px}}