
:root{color-scheme:dark;font-family:Vazirmatn,IRANSans,system-ui,-apple-system,Tahoma,sans-serif;background:#080e1c;color:#edf2ff;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.75}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.nav{border-bottom:1px solid #273046;background:#0d1423dd;backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.bar{height:75px;display:flex;align-items:center;gap:38px}.brand{font-size:24px;font-weight:850;white-space:nowrap}.brand span{color:#a3b2c7}.brand-icon{color:#42dfb5;margin-left:8px}.bar nav{display:flex;gap:26px;color:#b2bdd1;font-size:14px}.bar nav a:hover,.card h3 a:hover{color:#45e4b2}.status{margin-right:auto;background:#12362d;color:#74edc8;padding:5px 13px;border:1px solid #23604e;border-radius:50px;font-size:12px;white-space:nowrap}.status i{display:inline-block;width:7px;height:7px;background:#4decad;border-radius:50%;margin-left:6px}
.hero{background:radial-gradient(ellipse at 23% 47%,#153044 0,#0c172b 36%,#090f1e 80%);border-bottom:1px solid #293348}.hero-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;min-height:415px;align-items:center;padding:52px 0}.overline{color:#69e4c3;font-size:13px;font-weight:700;letter-spacing:.7px}.hero h1{font-size:clamp(34px,5vw,68px);line-height:1.38;margin:18px 0 18px;letter-spacing:-1px}.hero h1 em{font-style:normal;color:#43e2af}.hero p{color:#b9c7da;font-size:18px;max-width:570px}.button{display:inline-block;background:#43dbac;color:#06251f;border-radius:12px;padding:12px 22px;font-weight:800;margin-top:18px}.visual{position:relative;height:315px;display:grid;place-items:center}.visual::before,.visual::after{content:"";position:absolute;width:215px;height:215px;border:1px solid #245b61;border-radius:50%;box-shadow:0 0 0 40px #0b343930,0 0 0 80px #0c283224}.visual::after{width:120px;height:120px;border-color:#3eab99}.visual b{font-size:90px;color:#4de4b6;z-index:1;text-shadow:0 0 50px #21a887a0}
.stats{border-bottom:1px solid #273047;color:#aebbd0;padding:13px 0}.stats .wrap{display:flex;gap:18px;justify-content:space-between}.stats strong{color:#60e2b7}
.section{padding:66px 0 70px}.label{font-size:11px;color:#5ed8b1;letter-spacing:2px;font-weight:700}.section h2{font-size:36px;line-height:1.4;margin:5px 0}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-top p,.muted{color:#aebbd0}.search{background:#141d2d;border:1px solid #2b394d;color:#eef5ff;padding:12px 15px;border-radius:12px;width:min(310px,100%)}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:23px 0 28px}.filter{background:#121d2e;color:#b7c5d8;border:1px solid #2c394c;padding:7px 13px;border-radius:50px;cursor:pointer}.filter[aria-pressed=true]{background:#194539;color:#76ebc6;border-color:#2d876d}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card,.empty,.panel{background:#111b2d;border:1px solid #28364a;border-radius:17px;overflow:hidden}.card{transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:#448a7a}.artcover{height:190px;position:relative;overflow:hidden;background:#123047}.artcover img{width:100%;height:100%;object-fit:cover}.abstract{display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,#155b68,#172b43 49%,#111b32 82%)}.abstract-mark{font-size:68px;color:#61dec4;z-index:1}.rings{position:absolute;border:1px solid #3eaa9b;width:115px;height:115px;border-radius:50%;box-shadow:0 0 0 29px #44ad9224,0 0 0 60px #44ad9210}.abstract small{position:absolute;bottom:8px;left:10px;font-size:10px;color:#bbd2dc}.credit{position:absolute;bottom:0;background:#07101ecc;color:white;font-size:10px;width:100%;padding:3px 8px;margin:0}.credit a{text-decoration:underline}.card-body{padding:20px}.category{color:#5fdfbc;font-size:12px;font-weight:700}.card h3{margin:12px 0;font-size:20px;line-height:1.6}.card p{font-size:14px;color:#bac5d5;min-height:53px}.source-line{border-top:1px solid #28394e;padding-top:12px;font-size:12px;color:#91a5bf;display:flex;justify-content:space-between}.empty{text-align:center;grid-column:1/-1;padding:38px 20px}.empty b{display:block;font-size:55px;color:#5ee9b8}.empty h3{font-size:23px;margin:10px}.empty p{margin:auto;max-width:550px;color:#9eafc7}.no-results{color:#a5bad2}.empty-state .search,.empty-state .filters{display:none}
.method{background:#0d1728;border-block:1px solid #263346;padding:48px 0}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.panel{padding:23px}.panel b{color:#47ddb4;font-size:28px}.panel h3{margin:4px 0}.panel p{color:#adbacd;font-size:14px;line-height:1.7}.sources{padding:45px 0}.sources p{color:#bac6d6}.story{max-width:960px;padding-top:48px;padding-bottom:80px}.story h1{font-size:clamp(30px,5vw,52px);line-height:1.45}.story-dek{font-size:21px;color:#b6c7d9}.story .artcover{height:380px;border-radius:18px;margin:25px 0}.story-content{font-size:19px;line-height:2.2;max-width:760px}.source-box{border-top:1px solid #425268;padding-top:20px;color:#a5b8cf}.source-box a{color:#64e5bf;text-decoration:underline}footer{border-top:1px solid #293449;background:#090f1c}.foot{display:flex;justify-content:space-between;gap:20px;padding:30px 0;color:#a7b4c8}.foot strong{color:white}
@media(max-width:850px){.bar{height:64px;gap:12px}.bar nav{display:none}.status{font-size:10px}.hero-inner{grid-template-columns:1fr;min-height:300px;padding:36px 0}.visual{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.section-top{align-items:stretch;flex-direction:column}.method-grid{grid-template-columns:1fr}}@media(max-width:550px){.wrap{width:min(100% - 28px,1180px)}.brand{font-size:19px}.status{padding:4px 8px}.hero h1{font-size:clamp(30px,8vw,36px)}.hero p{font-size:15px}.stats .wrap{font-size:11px;gap:8px;flex-wrap:wrap}.section{padding:32px 0}.section h2{font-size:27px}.cards{grid-template-columns:1fr}.artcover{height:195px}.method{padding:30px 0}.foot{flex-direction:column;padding:23px 0}.story .artcover{height:240px}.story-content{font-size:17px}.filters{gap:7px;margin:14px 0 22px}.filter{padding:7px 11px;font-size:13px}.empty{padding:30px 15px}.empty b{font-size:42px}.empty h3{font-size:21px}.method-grid{gap:12px}.panel{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;row-gap:1px;align-items:start;padding:16px}.panel b{grid-row:1 / span 2;font-size:24px}.panel h3{margin:0;font-size:18px}.panel p{margin:3px 0 0;font-size:13px}.sources{padding:32px 0}.source-line{font-size:11px}}
