/* MANIA — a fast, responsive, independent personal website. */
/* Vazirmatn by Saber Rastikerdar (OFL-1.1). CDN, not device-local only.
   Secondary mirror is used if the primary CDN is unreachable. */
@font-face{
  font-family:"Mania Vazirmatn";
  src:local("Vazirmatn"),
      url("https://cdn.jsdelivr.net/npm/vazirmatn@33.0.3/fonts/webfonts/Vazirmatn%5Bwght%5D.woff2") format("woff2"),
      url("https://unpkg.com/vazirmatn@33.0.3/fonts/webfonts/Vazirmatn%5Bwght%5D.woff2") format("woff2");
  font-style:normal;font-weight:100 900;font-display:swap;
}
:root{--bg:#090c0b;--bg2:#0e1310;--surface:#111713;--surface2:#171e19;--fg:#f2f5ed;--muted:#969f96;--line:rgba(232,251,220,.13);--accent:#d7ff4f;--accent-rgb:215,255,79;--accent-on:#111706;--accent-soft:#b9e731;--orange:#fb8f64;--font:"Mania Vazirmatn","Vazirmatn","Noto Sans Arabic",Tahoma,Arial,sans-serif;--ease:cubic-bezier(.22,1,.36,1);--shadow:0 35px 100px rgba(0,0,0,.38)}
body[data-vibe="ember"]{--accent:#ff956b;--accent-rgb:255,149,107;--accent-on:#2a0d08;--accent-soft:#f67b50;--orange:#d7ff4f}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;line-height:1.8;overflow-x:hidden;overflow-x:clip;text-rendering:optimizeLegibility;transition:background-color .35s ease;color-scheme:dark}::selection{background:var(--accent);color:var(--accent-on)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}svg{display:block}button,textarea,input{font-family:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.32}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:disabled{cursor:not-allowed} .container{width:min(100% - 92px,1320px);margin-inline:auto}.section{position:relative;isolation:isolate}.text-accent{color:var(--accent)}.micro-kicker{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.19em;font-weight:800;color:var(--accent);direction:ltr;display:inline-block}.skip-link{position:fixed;top:8px;right:8px;z-index:9999;background:var(--accent);color:var(--accent-on);padding:9px 19px;border-radius:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.scroll-progress{position:fixed;inset:0 0 auto;z-index:1500;height:3px;background:transparent;pointer-events:none;transform-origin:right}.scroll-progress span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:right;will-change:transform}.mouse-glow{position:fixed;width:450px;height:450px;border-radius:50%;pointer-events:none;z-index:5;background:radial-gradient(circle,rgba(var(--accent-rgb),.065),transparent 64%);mix-blend-mode:screen;transform:translate3d(-50%,-50%,0);opacity:0;transition:opacity .2s ease}
/* navigation */
.site-header{position:fixed;inset:18px 0 auto;z-index:900;transition:inset .3s ease}.site-header.is-scrolled{inset:8px 0 auto}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;height:76px;padding:0 27px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(14,19,16,.73);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 8px 40px rgba(0,0,0,.13)}.site-header.is-scrolled .header-inner{height:65px;background:rgba(10,14,11,.94)}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-symbol{display:grid;place-items:center;width:45px;height:45px;background:var(--accent);border-radius:11px;color:var(--accent-on);font:900 28px/.9 Arial,sans-serif;letter-spacing:-.13em;transform:skew(-7deg)}.brand-symbol>span{color:var(--accent-on)}.brand-name{font-size:20px;line-height:1.15;font-weight:900;letter-spacing:-.045em}.brand-name small{display:block;font:800 8px/1.8 Arial,sans-serif;letter-spacing:.22em;color:var(--muted);margin-top:2px}.nav{display:flex;align-items:center;gap:clamp(18px,3vw,41px)}.nav a{font-size:13px;font-weight:700;color:#d1d8cd;transition:color .2s ease}.nav a:hover{color:var(--accent)}.nav .nav-challenge{color:var(--accent)}.nav-challenge span{margin-inline-start:5px;display:inline-block;transform:scaleX(-1)}.header-tools{display:flex;align-items:center;gap:10px}.theme-switch,.menu-toggle{width:42px;height:42px;display:grid;place-items:center;background:transparent;border:1px solid var(--line);color:var(--fg);border-radius:12px;transition:background .25s,color .25s,transform .25s}.theme-switch:hover,.menu-toggle:hover{background:var(--accent);color:var(--accent-on);transform:rotate(12deg)}.theme-switch svg{width:22px;height:22px}.menu-toggle{display:none}.menu-toggle span{height:2px;width:19px;background:currentColor;display:block;grid-area:1/1;transition:transform .25s}.menu-toggle span:first-child{transform:translateY(-4px)}.menu-toggle span:last-child{transform:translateY(4px)}.menu-toggle[aria-expanded="true"] span:first-child{transform:rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:rotate(-45deg)}
/* hero */
.hero{min-height:min(970px,100svh);min-height:max(750px,100svh);display:flex;align-items:center;padding:155px 0 135px;overflow:hidden;background:radial-gradient(ellipse 70% 65% at 80% 53%,rgba(var(--accent-rgb),.075),transparent 72%),linear-gradient(125deg,#0b100d 0%,#080b09 77%)}.hero-grid{position:absolute;inset:0;opacity:.27;background-image:linear-gradient(rgba(185,222,167,.085) 1px,transparent 1px),linear-gradient(90deg,rgba(185,222,167,.085) 1px,transparent 1px);background-size:82px 82px;mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 80%,transparent 100%);pointer-events:none}.hero-ambient{position:absolute;pointer-events:none;border-radius:50%;filter:blur(8px)}.hero-ambient-1{width:360px;height:360px;background:radial-gradient(circle,rgba(var(--accent-rgb),.09),transparent 66%);top:19%;right:19%}.hero-ambient-2{width:270px;height:270px;background:radial-gradient(circle,rgba(84,255,182,.06),transparent 63%);bottom:9%;left:6%}.hero-layout{position:relative;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:4%;z-index:2}.hero-copy{position:relative;z-index:3;min-width:0}.eyebrow{display:flex;align-items:center;gap:12px;direction:ltr;width:fit-content;font:800 10px/1.5 Arial,sans-serif;letter-spacing:.12em;color:#c9d5c7}.pulse-dot{display:block;position:relative;width:7px;height:7px;flex:none;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(var(--accent-rgb),.15)}.pulse-dot::after{content:"";position:absolute;inset:-7px;border:1px solid var(--accent);border-radius:50%;animation:pulse 2.7s ease-out infinite}.eyebrow-divider{height:1px;width:25px;background:rgba(255,255,255,.3)}.hero-kicker{font-weight:900;font-size:clamp(28px,4vw,58px);line-height:1.4;margin:40px 0 -5px;color:var(--fg)}.hero-title{margin:0 -8px 8px 0;position:relative}.hero-title-main{display:block;font-size:clamp(95px,13.5vw,197px);font-weight:1000;letter-spacing:-.135em;line-height:1.3;white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.16)}.hero-title-point{color:var(--accent);padding-inline-start:.03em}.hero-title-ghost{position:absolute;z-index:-1;top:1.7%;left:1%;direction:ltr;font:900 clamp(60px,10vw,140px)/1 Arial,sans-serif;letter-spacing:-.07em;color:rgba(240,252,235,.04);transform:rotate(-7deg);pointer-events:none}.hero-statement{display:flex;align-items:center;gap:19px;margin-top:9px}.statement-line{width:4px;height:64px;border-radius:5px;background:var(--accent);box-shadow:0 0 22px rgba(var(--accent-rgb),.2);flex:none}.hero-statement p{font-size:clamp(21px,2.2vw,31px);line-height:1.7;font-weight:600;letter-spacing:-.035em;margin:0}.hero-statement strong{font-weight:900;color:var(--accent)}.hero-description{color:#a6aea5;max-width:490px;font-size:15px;line-height:2.3;margin:30px 0 33px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.btn{border:1px solid transparent;min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:12px 22px;border-radius:8px;font-size:14px;font-weight:800;line-height:1.8;transition:transform .24s var(--ease),background .2s ease,border-color .2s ease,color .2s ease;white-space:nowrap}.btn:hover{transform:translateY(-4px)}.btn svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.btn-primary{background:var(--accent);color:var(--accent-on)}.btn-primary:hover{background:#f0ffae}.btn-secondary{border-color:rgba(245,255,237,.24);background:rgba(255,255,255,.035);color:var(--fg)}.btn-secondary:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.08)}.btn-spark{font-size:25px;line-height:1;color:var(--accent)}.hero-bottom-meta{display:flex;gap:13px;align-items:center;margin-top:39px;font:800 10px/1.5 Arial,sans-serif;letter-spacing:.17em;color:#849084;direction:ltr;justify-content:flex-end;width:max-content}.meta-plus{font-size:22px;line-height:1;color:var(--accent)}
.hero-art{position:relative;width:min(100%,660px);aspect-ratio:1;justify-self:center;display:grid;place-items:center;isolation:isolate;transform:translateY(var(--art-shift,0px));will-change:transform}.art-outer-frame{position:absolute;inset:7%;border:1px solid rgba(var(--accent-rgb),.12);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:rotate(9deg)}.art-outer-frame::before,.art-outer-frame::after{content:"";position:absolute;width:36px;height:36px;border-color:var(--accent);border-style:solid}.art-outer-frame::before{right:-1px;top:-1px;border-width:2px 2px 0 0}.art-outer-frame::after{left:-1px;bottom:-1px;border-width:0 0 2px 2px}.orbit{position:absolute;inset:12%;border-radius:50%;border:1px solid rgba(var(--accent-rgb),.27);transform:rotate(30deg)}.orbit-1{border-style:dashed;inset:6%;border-color:rgba(var(--accent-rgb),.13);animation:spin 36s linear infinite}.orbit-2{inset:17%;border:2px solid rgba(var(--accent-rgb),.46);border-left-color:transparent;border-bottom-color:rgba(var(--accent-rgb),.08);animation:spin 19s linear infinite}.orbit-3{inset:28%;border:1px dashed rgba(255,255,255,.25);animation:spin-reverse 24s linear infinite}.orbit-dot{position:absolute;border-radius:50%;background:var(--accent);z-index:3;box-shadow:0 0 0 7px rgba(var(--accent-rgb),.08),0 0 27px rgba(var(--accent-rgb),.35)}.orbit-dot-one{width:13px;height:13px;top:10%;left:21%}.orbit-dot-two{width:7px;height:7px;bottom:17%;right:14%}.hero-art-center{position:absolute;inset:23%;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 47% 38%,#223128 0%,#101910 62%,#090e0b 78%);border:2px solid rgba(var(--accent-rgb),.35);box-shadow:inset 0 0 55px rgba(var(--accent-rgb),.055),0 0 100px rgba(var(--accent-rgb),.1);overflow:hidden}.hero-art-center::before{content:"";position:absolute;inset:9%;border:1px solid rgba(255,255,255,.09);border-radius:50%}.hero-art-m{font:900 clamp(130px,21vw,280px)/1 Arial,sans-serif;letter-spacing:-.14em;color:var(--accent);text-shadow:0 10px 80px rgba(var(--accent-rgb),.17);transform:translateX(-.09em) skewX(-7deg);z-index:1;animation:m-pulse 7s ease-in-out infinite}.hero-art-cut{position:absolute;width:135%;height:12%;background:#122016;top:56%;transform:rotate(-18deg);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.07);z-index:2}.hero-art-tiny{position:absolute;bottom:16%;left:18%;z-index:3;font:900 9px/1.5 Arial,sans-serif;letter-spacing:.1em;color:#a6b6a6;direction:ltr}.hero-art-coordinate{position:absolute;z-index:4;font:800 9px/1.2 Arial,sans-serif;letter-spacing:.14em;color:#8e9c8c;direction:ltr}.art-coordinate-one{top:20%;right:0}.art-coordinate-two{bottom:20%;left:0}.art-cross{position:absolute;font:200 39px/1 Arial,sans-serif;color:var(--accent);opacity:.75;z-index:3}.art-cross-one{top:22%;left:11%}.art-cross-two{right:7%;bottom:24%}.art-cross-three{top:47%;right:2%;font-size:19px}.hero-art-side-label{position:absolute;bottom:5%;right:43%;font:700 9px Arial,sans-serif;letter-spacing:.18em;color:#687868;direction:ltr}.scroll-cue{position:absolute;bottom:44px;right:max(46px,calc((100vw - 1320px)/2));z-index:4;display:flex;gap:13px;align-items:center;color:#97a197;font-size:11px;font-weight:700}.scroll-mouse{width:22px;height:33px;border:1px solid #6f7c6e;border-radius:20px;display:grid;place-items:start center;padding-top:7px}.scroll-mouse span{width:3px;height:7px;border-radius:3px;background:var(--accent);animation:mouse-down 1.6s ease-in-out infinite}.cue-arrow{font:22px/1 Arial,sans-serif;color:var(--accent)}.hero-rail{position:absolute;left:34px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);font:700 9px Arial,sans-serif;letter-spacing:.24em;color:#5f6e60}
/* ticker */
.ticker{background:var(--accent);color:var(--accent-on);width:100%;overflow:hidden;clip-path:polygon(0 8%,100% 0,100% 92%,0 100%);position:relative;z-index:10;box-shadow:0 15px 40px rgba(0,0,0,.2)}.ticker-track{display:flex;width:max-content;animation:marquee 36s linear infinite}.ticker-set{display:flex;align-items:center;gap:40px;flex:none;padding:16px 21px;white-space:nowrap;direction:ltr}.ticker-set span{font:900 clamp(17px,2.3vw,25px)/1.3 Arial,sans-serif;letter-spacing:.08em}.ticker-set b{font:900 19px Arial,sans-serif}
/* section common */
.about-section,.passions-section,.mindset-section{padding:130px 0}.section-heading{display:flex;align-items:center;gap:24px;margin-bottom:69px}.section-index{font:800 11px/1.5 Arial,sans-serif;letter-spacing:.16em;color:var(--accent);direction:ltr;white-space:nowrap}.section-index span{opacity:.42;margin-inline:6px}.section-hairline{height:1px;flex:1;background:var(--line)}.section-label{color:#9ba69b;font-size:12px;font-weight:700;white-space:nowrap}
/* about */
.about-section{background:linear-gradient(180deg,#0c100d,#0c120e)}.about-layout{display:grid;grid-template-columns:1.06fr .94fr;gap:7%;align-items:start}.about-headline h2,.passions-heading h2,.mindset-intro h2{font-size:clamp(37px,5.8vw,80px);letter-spacing:-.07em;font-weight:900;margin:21px 0 0;line-height:1.45}.about-headline{position:relative}.about-stamp{position:absolute;top:84%;left:24%;width:105px;height:105px;border-radius:50%;border:1px dashed rgba(var(--accent-rgb),.38);display:flex;align-items:center;justify-content:center;gap:10px;color:var(--accent);transform:rotate(-12deg)}.about-stamp>span{font-size:37px}.about-stamp small{direction:ltr;font:800 11px/1.5 Arial,sans-serif;letter-spacing:.07em}.about-body{padding-top:33px}.about-body p{color:#a9b2a7;font-size:clamp(15px,1.3vw,17px);line-height:2.3;margin:0 0 20px}.about-body strong{color:#f2f8eb;font-weight:900}.about-sign{display:flex;align-items:center;gap:14px;color:var(--accent);font-weight:800;font-size:13px;margin-top:30px}.sign-dash{width:32px;height:2px;background:var(--accent)}.stats-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:106px}.stat{padding:33px 25px 38px;display:flex;flex-direction:column;align-items:flex-start;min-height:192px}.stat+ .stat{border-right:1px solid var(--line)}.stat-top{font:800 10px/1.5 Arial,sans-serif;letter-spacing:.14em;color:#819080;direction:ltr}.stat strong{font:900 clamp(57px,7vw,95px)/1.3 Arial,var(--font),sans-serif;color:var(--accent);letter-spacing:-.045em;margin-top:4px}.stat-suffix{font-family:var(--font);font-weight:800;font-size:19px;color:var(--fg);letter-spacing:0;margin-inline-start:6px}.stat-description{font-size:13px;color:#a9b1a7;line-height:1.7}
/* passions */
.passions-section{background:#0b100d;overflow:hidden}.passions-glow{position:absolute;inset:auto -20% 0 auto;width:620px;height:620px;transform:translateY(15%);background:radial-gradient(circle,rgba(var(--accent-rgb),.065),transparent 63%);pointer-events:none}.passions-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:58px}.passions-heading p{max-width:300px;color:#9da99b;font-size:15px;line-height:2.2;margin:0 0 13px}.passions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.passion-card{min-height:385px;padding:28px 32px 30px;border:1px solid rgba(255,255,255,.12);border-radius:14px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;background:#151a15;transition:border-color .3s,box-shadow .3s,transform .5s var(--ease),opacity .8s var(--ease);transform-style:preserve-3d;--card-color:#d7ff4f}.passion-card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 83% 38%,rgba(255,255,255,.038),transparent 55%)}.passion-card::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.3;background-image:repeating-linear-gradient(90deg,transparent,transparent 76px,rgba(255,255,255,.05) 77px);pointer-events:none}.passion-card:hover{border-color:var(--card-color);box-shadow:0 30px 90px rgba(0,0,0,.3)}.card-gym{--card-color:var(--accent);background:linear-gradient(130deg,#1a2519,#111910)}.card-fight{--card-color:#ff936b;background:linear-gradient(130deg,#281c17,#181410)}.card-learn{--card-color:#79ccff;background:linear-gradient(130deg,#13212a,#10181e)}.card-work{--card-color:#e7d7a0;background:linear-gradient(130deg,#27251c,#171812)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:2}.card-top>span{font:900 11px/1.5 Arial,sans-serif;letter-spacing:.14em;direction:ltr;color:var(--card-color)}.card-top svg{width:64px;height:64px;color:var(--card-color);opacity:.8;transform:rotate(-7deg)}.card-illustration{position:absolute;left:8%;top:50%;transform:translateY(-50%);font:900 clamp(135px,18vw,250px)/1 Arial,sans-serif;letter-spacing:-.12em;color:rgba(255,255,255,.045);direction:ltr;pointer-events:none}.card-illustration span{position:absolute;bottom:10px;right:0;font:900 11px Arial,sans-serif;letter-spacing:.45em;color:var(--card-color);opacity:.6}.card-illustration-fight{color:rgba(255,147,107,.08)}.card-illustration-learn{color:rgba(121,204,255,.08)}.card-illustration-work{color:rgba(231,215,160,.08)}.card-copy{max-width:385px;position:relative;z-index:2;margin-top:auto}.card-copy h3{font-size:clamp(23px,2.6vw,34px);font-weight:900;letter-spacing:-.055em;margin:0 0 9px}.card-copy p{font-size:14px;line-height:2;color:#b6bdb4;margin:0;max-width:360px}.card-corner{position:absolute;bottom:24px;left:28px;transform:scaleX(-1);font:22px Arial,sans-serif;color:var(--card-color);transition:transform .3s ease}.passion-card:hover .card-corner{transform:scaleX(-1) translate(-5px,-5px)}
/* manifesto */
.manifesto{min-height:690px;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--accent);color:var(--accent-on);position:relative;overflow:hidden;isolation:isolate;padding:100px 0}.manifesto-rays{position:absolute;inset:0;pointer-events:none;opacity:.13;background:repeating-conic-gradient(from 0deg at 50% 58%,transparent 0deg 7deg,#1a2409 7deg 9deg);mask-image:radial-gradient(circle,#000,transparent 83%);animation:spin 90s linear infinite}.manifesto-inner{position:relative;z-index:1}.manifesto-overline{direction:ltr;display:inline-block;font:900 12px/1.7 Arial,sans-serif;letter-spacing:.24em}.manifesto-text{font-size:clamp(45px,8vw,119px);line-height:1.42;letter-spacing:-.08em;font-weight:1000;margin:26px 0 35px}.manifesto-text em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--accent-on);text-stroke:2px var(--accent-on)}.manifesto-text span{position:relative}.manifesto-text span::after{content:"";position:absolute;left:0;right:0;bottom:1px;height:5px;background:var(--accent-on);transform:rotate(-2deg)}.manifesto-foot{display:flex;align-items:center;justify-content:center;gap:20px;font:900 12px/1.5 Arial,sans-serif;letter-spacing:.24em;direction:ltr}.manifesto-foot span:first-child,.manifesto-foot span:last-child{font-size:30px;line-height:1}
/* mindset */
.mindset-section{background:radial-gradient(ellipse 30% 30% at 15% 70%,rgba(var(--accent-rgb),.043),transparent),#090d0b}.mindset-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:9%;align-items:start}.mindset-intro{position:sticky;top:155px}.mindset-intro p{font-size:15px;color:#9ca99b;max-width:340px;line-height:2.1;margin-top:25px}.mindset-symbol{font:200 240px/1 Arial,sans-serif;color:rgba(var(--accent-rgb),.18);transform:scaleX(-1) translateY(-10px);pointer-events:none}.mindset-steps{border-top:1px solid var(--line)}.mindset-step{border-bottom:1px solid var(--line);display:grid;grid-template-columns:65px 1fr 25px;gap:15px;padding:42px 0 43px;align-items:start;transition:background .25s}.mindset-step:hover{background:linear-gradient(270deg,rgba(var(--accent-rgb),.045),transparent 80%)}.step-number{font:900 21px/1.2 Arial,sans-serif;color:var(--accent);direction:ltr}.step-en{font:800 10px/1.4 Arial,sans-serif;letter-spacing:.15em;color:#748375;direction:ltr;display:block}.mindset-step h3{font-size:clamp(23px,2.8vw,34px);margin:10px 0 8px;font-weight:900;letter-spacing:-.045em}.mindset-step p{color:#93a092;font-size:14px;line-height:2;margin:0}.step-mark{font-size:24px;color:rgba(var(--accent-rgb),.4);transition:transform .3s,color .3s}.mindset-step:hover .step-mark{transform:rotate(90deg);color:var(--accent)}
/* challenge */
.challenge-section{padding:70px 0 120px;background:#090d0b}.challenge-shell{position:relative;overflow:hidden;border:1px solid rgba(var(--accent-rgb),.3);border-radius:18px;padding:64px clamp(22px,5vw,77px) 25px;background:linear-gradient(135deg,#18231a 0%,#0f1711 56%,#0c110e 100%);box-shadow:var(--shadow)}.challenge-shell::after{content:"";position:absolute;pointer-events:none;top:-300px;left:-160px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.10),transparent 65%)}.challenge-background-number{position:absolute;top:-160px;left:-8px;font:900 530px/1 Arial,sans-serif;color:rgba(var(--accent-rgb),.027);pointer-events:none}.challenge-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;z-index:1}.challenge-head h2{font-size:clamp(39px,5.6vw,75px);font-weight:900;letter-spacing:-.07em;margin:15px 0 14px}.challenge-head h2 span{color:var(--accent)}.challenge-head p{font-size:15px;line-height:2;color:#a6b2a4;margin-bottom:0}.challenge-spin{font:150px/1 Arial,sans-serif;color:var(--accent);opacity:.85;animation:spin 23s linear infinite}.challenge-board{position:relative;margin-top:47px;padding:30px 33px 34px;background:rgba(0,0,0,.37);border:1px solid rgba(255,255,255,.12);border-radius:12px;z-index:1;min-height:335px}.challenge-board-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.challenge-terminal,.challenge-count{font:800 10px/1.5 Arial,sans-serif;letter-spacing:.13em;color:#8c9c8b;direction:ltr}.challenge-terminal{color:var(--accent);display:inline-flex;align-items:center;gap:12px}.terminal-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px rgba(var(--accent-rgb),.5)}.challenge-display{min-height:145px;padding-top:24px}.challenge-type{display:inline-flex;padding:3px 11px;color:var(--accent);border:1px solid rgba(var(--accent-rgb),.33);background:rgba(var(--accent-rgb),.055);border-radius:100px;font-weight:700;font-size:11px}.challenge-display p{font-size:clamp(21px,3vw,35px);line-height:1.8;font-weight:900;letter-spacing:-.045em;margin:12px 0 10px;max-width:850px}.challenge-display.is-switching{animation:pop-in .4s var(--ease)}.challenge-actions{display:flex;gap:10px;flex-wrap:wrap}.challenge-actions .btn{min-height:51px}.btn-outline{border-color:rgba(255,255,255,.16);background:transparent}.btn-outline:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.06)}.challenge-footnote{display:flex;justify-content:space-between;align-items:center;padding-top:26px;font:800 10px/1.5 Arial,sans-serif;letter-spacing:.18em;color:#738573;direction:ltr}.challenge-footnote>span:last-child{font-size:24px;color:var(--accent)}
/* footer */
.footer{padding:95px 0 28px;background:#080b09}.footer-top{display:flex;justify-content:space-between;align-items:end;gap:35px}.footer-mini{font:800 11px/1.5 Arial,sans-serif;letter-spacing:.23em;color:var(--accent);direction:ltr;display:block}.footer-top strong{display:block;font-size:clamp(43px,6vw,83px);line-height:1.5;letter-spacing:-.09em;font-weight:1000;margin-top:18px}.footer-top strong span{color:var(--accent)}.back-to-top{display:flex;align-items:center;gap:20px;font-size:13px;font-weight:800;margin-bottom:20px}.back-arrow{width:66px;height:66px;border-radius:50%;border:1px solid rgba(var(--accent-rgb),.3);color:var(--accent);font:28px/1 Arial,sans-serif;display:grid;place-items:center;transition:background .25s,color .25s,transform .25s}.back-to-top:hover .back-arrow{transform:translateY(-6px);background:var(--accent);color:var(--accent-on)}.footer-divider{height:1px;background:var(--line);margin:54px 0 23px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:12px;color:#89958a}.footer-brand{font:900 30px/1 Arial,sans-serif;letter-spacing:-.07em;color:var(--fg)}.footer-brand span{color:var(--accent)}.footer-bottom>span:last-child{direction:ltr;font:700 11px Arial,sans-serif;letter-spacing:.07em}.toast{position:fixed;bottom:24px;left:50%;z-index:990;padding:11px 22px;background:var(--accent);border-radius:9px;color:var(--accent-on);font-weight:800;font-size:13px;box-shadow:0 10px 45px #0007;opacity:0;pointer-events:none;transform:translate(-50%,24px);transition:opacity .25s,transform .25s}.toast.show{opacity:1;transform:translate(-50%,0)}
/* reveal and animations */
.reveal{opacity:1;transform:none;transition:opacity .8s var(--ease),transform .8s var(--ease)}.js .reveal:not(.is-visible){opacity:0;transform:translateY(31px)}.js .reveal.is-visible{opacity:1;transform:translateY(0)}.passions-grid>.reveal:nth-child(2),.stats-grid>.reveal:nth-child(2){transition-delay:.09s}.passions-grid>.reveal:nth-child(3),.stats-grid>.reveal:nth-child(3){transition-delay:.15s}.passions-grid>.reveal:nth-child(4){transition-delay:.2s}.mindset-step:nth-child(2){transition-delay:.08s}.mindset-step:nth-child(3){transition-delay:.16s}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-reverse{to{transform:rotate(-360deg)}}@keyframes pulse{0%{transform:scale(.4);opacity:.8}100%{transform:scale(1.35);opacity:0}}@keyframes m-pulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.15)}}@keyframes mouse-down{0%,100%{transform:translateY(0);opacity:.8}65%{transform:translateY(7px);opacity:0}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes pop-in{from{transform:translateY(10px);opacity:.3}to{transform:translateY(0);opacity:1}}
@media(hover:hover) and (pointer:fine){.mouse-glow{opacity:1}.passion-card[data-tilt].is-visible{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}}
@media(max-width:1100px){.container{width:min(100% - 60px,1320px)}.nav{gap:17px}.hero{min-height:750px}.hero-title-main{font-size:clamp(90px,13.5vw,150px)}.hero-art-m{font-size:clamp(125px,20vw,205px)}.hero-description{font-size:14px}.about-headline h2{font-size:clamp(35px,5.3vw,65px)}.scroll-cue{right:30px}.hero-rail{left:17px}}
@media(max-width:760px){html{scroll-padding-top:80px}.container{width:min(100% - 38px,1320px)}.site-header{inset:8px 0 auto}.header-inner{height:65px;border-radius:13px;padding:0 14px}.site-header.is-scrolled .header-inner{height:59px}.brand-symbol{height:39px;width:39px;font-size:25px}.brand-name{font-size:18px}.theme-switch,.menu-toggle{width:39px;height:39px}.menu-toggle{display:grid}.nav{position:absolute;top:calc(100% + 9px);right:19px;left:19px;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:12px;background:rgba(13,19,15,.97);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.16);border-radius:12px;box-shadow:0 25px 45px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,visibility .2s,transform .2s}.nav.is-open{opacity:1;visibility:visible;transform:translateY(0)}.nav a{font-size:15px;padding:14px 13px;border-bottom:1px solid rgba(255,255,255,.07)}.nav a:last-child{border-bottom:0}.hero{min-height:0;padding:137px 0 85px}.hero-layout{grid-template-columns:1fr;gap:24px}.hero-copy{order:1}.hero-art{order:2;width:min(100%,540px);margin-top:15px;max-height:490px}.hero-kicker{margin-top:27px;font-size:34px}.hero-title-main{font-size:clamp(100px,19vw,160px)}.hero-title-ghost{font-size:clamp(73px,15vw,110px)}.hero-statement p{font-size:22px}.hero-statement{gap:14px}.hero-description{max-width:580px;font-size:14px;line-height:2.1;margin:23px 0 27px}.hero-bottom-meta{margin-top:25px}.scroll-cue{right:19px;bottom:26px}.hero-rail{display:none}.section-heading{margin-bottom:40px;gap:14px}.section-label{font-size:10px}.section-index{font-size:10px}.about-section,.passions-section,.mindset-section{padding:90px 0}.about-layout,.mindset-layout{grid-template-columns:1fr;gap:19px}.about-headline h2,.passions-heading h2,.mindset-intro h2{font-size:clamp(38px,8vw,60px)}.about-stamp{top:50%;left:1%;width:80px;height:80px;opacity:.52}.about-stamp>span{font-size:26px}.about-body{padding:5px 0 0}.about-body p{font-size:15px}.stats-grid{margin-top:54px}.stat{padding:20px 12px;min-height:150px}.stat strong{font-size:clamp(42px,8vw,70px)}.stat-suffix{font-size:12px}.stat-description{font-size:11px}.stat-top{font-size:8px}.passions-heading{align-items:start;flex-direction:column;gap:12px;margin-bottom:35px}.passions-heading p{max-width:460px}.passions-grid{gap:12px}.passion-card{padding:20px;min-height:355px}.card-top svg{width:54px;height:54px}.card-copy h3{font-size:24px}.card-copy p{font-size:12px}.card-illustration{font-size:145px}.manifesto{min-height:560px}.manifesto-text{font-size:clamp(43px,9vw,75px)}.mindset-intro{position:relative;top:auto}.mindset-symbol{display:none}.mindset-steps{margin-top:10px}.mindset-step{padding:31px 0;grid-template-columns:42px 1fr 18px;gap:12px}.mindset-step h3{font-size:25px}.challenge-section{padding:10px 0 90px}.challenge-shell{padding:38px 20px 20px}.challenge-head h2{font-size:clamp(38px,8vw,56px)}.challenge-spin{font-size:75px}.challenge-board{margin-top:29px;padding:23px 19px;min-height:320px}.challenge-display{min-height:145px}.challenge-display p{font-size:22px}.challenge-head p{font-size:13px}.footer{padding:60px 0 25px}.footer-top strong{font-size:clamp(43px,8vw,70px)}.footer-divider{margin-top:35px}}
@media(max-width:510px){.container{width:calc(100% - 32px)}.hero{padding-top:119px;padding-bottom:85px}.hero-eyebrow{gap:8px;font-size:8px}.eyebrow-divider{width:11px}.hero-kicker{font-size:30px;margin-top:26px}.hero-title-main{font-size:clamp(96px,22vw,129px)}.hero-title-ghost{font-size:65px;top:35%;left:8%}.hero-statement p{font-size:20px}.statement-line{height:55px}.hero-actions{gap:8px}.hero-actions .btn{padding:10px 14px;min-height:50px;font-size:12px;gap:10px}.hero-actions .btn svg{width:19px;height:19px}.hero-art{margin:13px -6px 4px;width:calc(100% + 12px)}.hero-art-m{font-size:clamp(130px,36vw,185px)}.art-coordinate-one{right:-2%;font-size:7px}.art-coordinate-two{left:0;font-size:7px}.hero-art-tiny{font-size:6px}.scroll-cue{font-size:10px;bottom:16px}.ticker-set{gap:24px;padding:12px 12px}.ticker-set span{font-size:16px}.ticker-set b{font-size:14px}.about-section,.passions-section,.mindset-section{padding:74px 0}.about-headline h2,.passions-heading h2,.mindset-intro h2{font-size:39px}.about-stamp{left:0;top:78%;width:66px;height:66px}.about-stamp small{font-size:8px}.about-stamp>span{font-size:19px}.stats-grid{grid-template-columns:1fr;margin-top:43px}.stat{min-height:110px;display:grid;grid-template-columns:130px 1fr;column-gap:12px;align-items:center;justify-content:space-between;padding:15px 8px}.stat+.stat{border-right:0;border-top:1px solid var(--line)}.stat-top{grid-column:2;grid-row:1;justify-self:end}.stat strong{grid-column:1;grid-row:1/3;font-size:52px;margin:0}.stat-description{grid-column:2;grid-row:2;justify-self:end;text-align:left;font-size:11px}.passions-grid{grid-template-columns:1fr}.passion-card{min-height:315px;padding:23px}.card-illustration{font-size:165px}.card-copy h3{font-size:28px}.card-copy p{font-size:14px;max-width:260px}.manifesto{min-height:480px;padding:60px 0}.manifesto-text{font-size:clamp(37px,9vw,50px)}.manifesto-overline,.manifesto-foot{font-size:9px;letter-spacing:.13em}.manifesto-text em{-webkit-text-stroke:1.5px var(--accent-on)}.manifesto-text span::after{height:3px}.challenge-spin{font-size:49px}.challenge-head h2{font-size:37px}.challenge-head p{font-size:12px}.challenge-board-top{align-items:flex-start;gap:3px;flex-direction:column}.challenge-display p{font-size:21px}.challenge-actions .btn{width:100%}.challenge-board{min-height:360px}.footer-top{align-items:end;gap:8px}.footer-top strong{font-size:44px}.footer-mini{font-size:8px;letter-spacing:.13em}.back-to-top{font-size:0;margin-bottom:10px}.back-arrow{width:51px;height:51px;font-size:25px}.footer-bottom{flex-wrap:wrap;gap:12px}.footer-bottom>span:nth-child(2){width:100%;order:3}.footer-brand{font-size:26px}.footer-bottom>span:last-child{font-size:9px}}
@media(max-width:340px){.hero-title-main{font-size:86px}.hero-statement p{font-size:17px}.hero-actions .btn{font-size:11px}.brand-name{font-size:16px}.eyebrow{font-size:7px}.hero-art{margin-top:0}.hero-art-m{font-size:110px}.about-headline h2{font-size:34px}.stat{grid-template-columns:100px 1fr}.footer-top strong{font-size:37px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.hero-art{transform:none}.mouse-glow{display:none}}

/* ===== Edit 01: phone-first typography, centered brand and stable numeric glyphs ===== */
.brand-symbol{display:grid;place-items:center;background:transparent;color:inherit;letter-spacing:0;transform:none;overflow:visible;flex:none}
.brand-symbol svg{display:block;width:100%;height:100%}
.brand-name{letter-spacing:0}
.brand-name small{letter-spacing:.19em}
.hero-year,.persian-digits,.stat-value-fa,.stat-suffix{font-family:var(--font)!important;font-variant-numeric:normal;font-feature-settings:normal}
.hero-year{font-weight:800;letter-spacing:0;unicode-bidi:isolate;white-space:nowrap;font-size:11px}
.stat strong.stat-value-fa{font-family:var(--font)!important;letter-spacing:0;display:inline-flex;align-items:baseline;gap:7px;direction:rtl;max-width:100%;white-space:nowrap}
.stat-value-fa .stat-suffix{margin-inline-start:0;font-weight:800}
.hero-art-m{transform:none;letter-spacing:0;text-align:center}
/* Healthy 44+ pixel touch targets and predictable typography on phone browsers. */
.nav a,.theme-switch,.menu-toggle{touch-action:manipulation}
.theme-switch,.menu-toggle{min-width:44px;min-height:44px}
.btn{touch-action:manipulation}
@media(max-width:760px){
  html{scroll-padding-top:84px}
  .header-inner{padding-inline:12px;gap:10px}
  .theme-switch,.menu-toggle{width:44px;height:44px}
  .brand{gap:9px;min-width:0}
  .brand-name{line-height:1.15}
  .brand-name small{margin-top:3px}
  .nav{max-height:calc(100dvh - 92px);overflow-y:auto;overscroll-behavior:contain}
  .hero{display:block}
  .hero-layout{gap:14px}
  .hero-title{margin-inline:0}
  .hero-copy{width:100%}
  .hero-eyebrow{flex-wrap:wrap;width:100%;row-gap:5px}
  .hero-kicker{margin-top:25px}
  .hero-title-main{font-size:clamp(83px,18.8vw,140px);letter-spacing:-.09em;line-height:1.22}
  .hero-description{font-size:clamp(14px,3.75vw,16px);line-height:2.05}
  .hero-bottom-meta{max-width:100%;width:auto;justify-content:flex-end;white-space:normal}
  .hero-art{width:min(100%,460px);max-height:none;margin:12px auto 0;will-change:auto}
  .scroll-cue{position:relative;right:auto;bottom:auto;margin:25px auto 0;width:fit-content}
  .hero{padding-bottom:65px}
  .section-heading{min-width:0}
  .section-hairline{min-width:10px}
  .passion-card{min-width:0}
  .challenge-shell,.challenge-board{min-width:0}
  .challenge-display p{overflow-wrap:break-word}
  .toast{max-width:calc(100% - 28px);text-align:center;bottom:calc(16px + env(safe-area-inset-bottom))}
}
@media(min-width:511px) and (max-width:670px){
  .passions-grid{grid-template-columns:1fr}
  .passion-card{min-height:320px}
  .stats-grid{grid-template-columns:1fr}
  .stat{min-height:115px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:15px}
  .stat+.stat{border-right:0;border-top:1px solid var(--line)}
  .stat-description{max-width:34%;text-align:left}
}
@media(max-width:510px){
  .hero-title-main{font-size:clamp(78px,20vw,100px)}
  .hero-title-ghost{left:4%;top:30%}
  .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .hero-actions .btn{min-width:0;white-space:normal;min-height:52px;text-align:center;gap:7px;line-height:1.6}
  .hero-art{width:min(100%,390px);margin:8px auto 0}
  .hero-statement p{font-size:clamp(18px,5vw,22px)}
  .hero-year{font-size:10px}
  .stat strong.stat-value-fa{font-size:clamp(40px,11vw,52px);gap:4px}
  .stat-value-fa .stat-suffix{font-size:clamp(12px,3.3vw,14px)}
  .stat-description{overflow-wrap:break-word;max-width:100%}
  .passions-heading p{line-height:2}
  .passion-card{height:auto}
  .challenge-board{padding:22px 14px}
  .challenge-display{min-height:145px}
  .footer-top{min-width:0}
}
@media(max-width:360px){
  .container{width:calc(100% - 26px)}
  .header-inner{padding-inline:9px}
  .brand-symbol{width:35px;height:35px}
  .brand-name{font-size:15px}
  .brand-name small{font-size:7px}
  .header-tools{gap:5px}
  .hero{padding-top:108px}
  .hero-title-main{font-size:clamp(71px,21vw,82px)}
  .hero-eyebrow{font-size:8px}
  .hero-year{font-size:9px}
  .hero-description{font-size:14px}
  .hero-actions .btn{font-size:11px;padding-inline:8px}
  .about-headline h2,.passions-heading h2,.mindset-intro h2{font-size:clamp(32px,9.6vw,38px)}
  .stat{grid-template-columns:minmax(100px,1fr) minmax(0,1fr)}
  .stat-description{font-size:10px}
  .challenge-head h2{font-size:33px}
  .challenge-board-top{font-size:9px}
}
@media(hover:none){.passion-card[data-tilt]{transform:none!important}}

#footerYear{font-family:var(--font)!important;letter-spacing:0;unicode-bidi:isolate}