@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#090910;--panel:#11111c;--panel2:#171625;--text:#f5f3ff;--muted:#a6a2b8;--purple:#9b72ff;--purple2:#6e42d9;--line:rgba(255,255,255,.09);--font:'Vazirmatn',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.8;overflow-x:hidden}a{color:inherit;text-decoration:none}.ambient{position:absolute;pointer-events:none;filter:blur(100px);opacity:.22;border-radius:50%;z-index:-1}.ambient-one{width:400px;height:400px;background:#6536cf;top:130px;right:-180px}.ambient-two{width:300px;height:300px;background:#164da0;top:850px;left:-170px}.section-wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}.site-header{height:82px;width:min(1200px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:30px;letter-spacing:-2px;direction:ltr}.brand span{color:var(--purple)}.nav{display:flex;gap:32px;color:#bcb8ca;font-size:13px}.nav a{transition:.2s}.nav a:hover,.nav a.active{color:#fff}.header-cta{font-size:13px;color:#fff;border:1px solid var(--line);padding:9px 17px;border-radius:30px}.header-cta span{color:var(--purple);margin-right:8px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:24px}.hero{min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;padding-block:60px 100px}.eyebrow,.section-kicker{font-size:12px;color:#bca8ff;letter-spacing:.5px}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i,.pulse{width:7px;height:7px;background:#a37bff;border-radius:50%;box-shadow:0 0 14px #a37bff}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.25;letter-spacing:-2px;margin:22px 0 12px;font-weight:800}.hero h1 span,.intro h2 span,.section-heading h2 span,.contact h2 span{color:var(--purple)}.hero-text{color:#b0adbf;max-width:430px;font-size:16px}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.button{padding:12px 22px;border-radius:8px;font-size:13px;font-weight:600;display:inline-flex;gap:20px;align-items:center;transition:.25s}.button-primary{background:linear-gradient(110deg,#8055e8,#a27bff);color:white;box-shadow:0 8px 35px #794ee044}.button-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px #794ee077}.button-ghost{border:1px solid var(--line);color:#d6d2e3}.hero-note{font-size:11px;color:#858196;margin-top:48px;display:flex;gap:10px;align-items:center}.hero-art{height:430px;position:relative;display:grid;place-items:center;direction:ltr}.core{width:210px;height:210px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#33205f,#151221 60%,#0a0a12);border:1px solid #a98aff66;box-shadow:0 0 70px #7b4bda44,inset 0 0 45px #8459e733;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.core span{font:700 58px 'Space Grotesk';letter-spacing:-5px}.core small{font:9px 'Space Grotesk';color:#a995d8;letter-spacing:3px;text-align:center}.orbit{position:absolute;border:1px solid #a98aff44;border-radius:50%;transform:rotate(-28deg)}.orbit-a{width:390px;height:170px}.orbit-b{width:330px;height:300px;transform:rotate(48deg);border-color:#5795ff33}.float-card{position:absolute;background:#171522dd;border:1px solid #ffffff18;border-radius:8px;padding:10px 14px;font:10px 'Space Grotesk';letter-spacing:1px;color:#d8d0ef;backdrop-filter:blur(12px)}.card-top{top:75px;right:4px}.card-bottom{bottom:65px;left:0;display:flex;align-items:center;gap:12px}.card-bottom b{font-size:22px;color:#a98aff}.tiny-dot{display:inline-block;width:6px;height:6px;background:#a98aff;border-radius:50%;margin-left:7px}.spark{position:absolute;color:#b99aff;font-size:28px}.spark-one{top:75px;left:85px}.spark-two{bottom:80px;right:55px}.scroll-cue{position:absolute;bottom:35px;right:0;color:#777387;font-size:10px;display:flex;align-items:center;gap:12px}.scroll-cue span{height:32px;width:1px;background:linear-gradient(var(--purple),transparent)}.intro{padding-block:90px;border-top:1px solid var(--line)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.intro h2,.section-heading h2{font-size:clamp(30px,4vw,46px);line-height:1.4;margin:14px 0;font-weight:700}.intro p{color:#c2bed0;font-size:15px}.intro .muted{font-size:12px;color:#777387}.interests,.showcase{padding-block:75px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.section-heading>p{font-size:12px;color:#888498}.interest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.interest-card{background:linear-gradient(145deg,#151420,#0f0f18);border:1px solid var(--line);padding:26px;border-radius:12px;position:relative;min-height:245px;transition:.3s}.interest-card:hover,.project-card:hover{transform:translateY(-5px);border-color:#9b72ff66}.interest-card.featured{background:linear-gradient(145deg,#241b3d,#12111d);border-color:#8e68df55}.icon-box{width:42px;height:42px;border:1px solid #a783ff55;color:#b89cff;border-radius:10px;display:grid;place-items:center;font-size:22px}.card-index{position:absolute;left:25px;top:24px;color:#5e596f;font:12px 'Space Grotesk'}.interest-card h3{font-size:18px;margin:25px 0 4px}.interest-card p{font-size:12px;color:#9995aa;min-height:42px}.interest-card a{font-size:12px;color:#b99cff}.interest-card a b{margin-right:8px}.project-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}.project-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#11111a;transition:.3s}.project-visual{height:210px;position:relative;overflow:hidden;display:grid;place-items:center}.visual-purple{background:radial-gradient(circle at 50% 50%,#51328d,#211638 50%,#11101b)}.visual-word{font:700 clamp(28px,4vw,50px) 'Space Grotesk';letter-spacing:-3px;color:#e6d9ff;z-index:1}.visual-word span{color:#b28aff}.visual-ring{position:absolute;width:230px;height:230px;border:1px solid #d5bfff66;border-radius:50%;box-shadow:0 0 55px #a879ff66}.visual-blue{background:linear-gradient(135deg,#101b36,#172b4a)}.blue-orb{width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b4e3ff,#4584d5 35%,#18234c 72%);box-shadow:0 0 60px #4389e877}.visual-label{position:absolute;bottom:18px;right:18px;font:10px 'Space Grotesk';letter-spacing:2px;color:#d3c8ff}.visual-dark{background:#11111a}.pixel-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(ellipse,#000,transparent 75%)}.project-meta{padding:17px;display:flex;justify-content:space-between;align-items:center}.project-meta span{font-size:10px;color:#898499}.project-meta h3{font-size:15px;margin:4px 0 0}.arrow-round{border:1px solid var(--line);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:#b99cff;font-size:16px}.quote-band{margin-block:65px;padding:48px 20px;text-align:center;border-block:1px solid var(--line);position:relative}.quote-mark{font:80px Georgia;color:#8f68e9;line-height:.7}.quote-band p{font-size:clamp(20px,3vw,30px);font-weight:600;margin:12px}.quote-band span{font:10px 'Space Grotesk';letter-spacing:3px;color:#8b849e}.contact{padding-block:60px 100px}.contact-box{position:relative;overflow:hidden;background:linear-gradient(110deg,#1b1530,#11111b 65%);border:1px solid #8b68d744;border-radius:16px;padding:45px;display:flex;align-items:center;justify-content:space-between;gap:25px}.contact h2{font-size:clamp(27px,4vw,42px);line-height:1.45;margin:0}.contact p{font-size:12px;color:#a7a2b8}.contact .button{position:relative;z-index:1;white-space:nowrap}.contact-glow{position:absolute;width:250px;height:250px;background:#7849ce;filter:blur(100px);opacity:.2;left:10%;top:-120px}.footer{min-height:90px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#777387;font-size:11px}.footer .brand{color:white;font-size:24px}
@media(max-width:800px){.nav{gap:16px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:75px}.hero-art{height:340px;grid-row:1}.hero-copy{grid-row:2}.core{width:170px;height:170px}.core span{font-size:48px}.orbit-a{width:320px}.orbit-b{height:260px;width:270px}.intro-grid{gap:25px}.project-grid{grid-template-columns:1fr 1fr}.project-large{grid-column:span 2}.section-heading{align-items:start;gap:10px;flex-direction:column}}
@media(max-width:560px){.section-wrap,.site-header{width:calc(100% - 32px)}.site-header{height:70px}.menu-toggle{display:block;order:3}.header-cta{display:none}.nav{display:none;position:absolute;top:69px;right:0;left:0;background:#12111c;border:1px solid var(--line);border-radius:10px;padding:15px;flex-direction:column;gap:12px}.nav.open{display:flex}.hero{padding-top:35px}.hero-art{height:280px}.float-card{font-size:8px}.card-top{top:35px}.card-bottom{bottom:35px}.hero h1{font-size:45px}.intro{padding-block:60px}.intro-grid{grid-template-columns:1fr;gap:10px}.interests,.showcase{padding-block:50px}.interest-grid,.project-grid{grid-template-columns:1fr}.project-large{grid-column:auto}.project-visual{height:190px}.section-heading h2{font-size:31px}.contact-box{padding:28px;align-items:flex-start;flex-direction:column}.footer{gap:10px;flex-wrap:wrap;padding-block:20px}.footer span{font-size:9px}}
