:root{--bg:#0a0a0c;--text:#f5f5f7;--muted:#aaaab3;--border:#ffffff1c;--accent:#c3b5ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 70% 35% at 75% 0,#7752b530,transparent 70%),var(--bg);color:var(--text);font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}nav,main,footer{width:min(1100px,calc(100% - 48px));margin:auto}header{position:sticky;top:0;z-index:2;background:#0a0a0cbb;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff0d}nav{height:72px;display:flex;align-items:center;justify-content:space-between}nav b{letter-spacing:-.04em}nav a{font-size:13px;color:var(--muted)}section{padding:100px 0;border-top:1px solid var(--border)}.hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center;border:0}.hero h1{font-size:clamp(48px,6vw,80px);line-height:.98;letter-spacing:-.075em;margin:14px 0}.hero p{color:var(--muted);font-size:17px}.hero a{display:inline-block;padding:10px 14px;border:1px solid var(--border);border-radius:8px;margin-right:8px;font-size:13px;font-weight:650}.hero a:first-of-type{background:#f5f5f5;color:#080808}pre,article{border:1px solid var(--border);border-radius:12px;background:#ffffff09}pre{padding:30px;color:#d8d1f5;font:12px/2 "SFMono-Regular",Consolas,monospace;box-shadow:0 30px 80px #0008}h2{font-size:clamp(31px,4vw,48px);line-height:1.05;letter-spacing:-.06em;margin:12px 0 40px}small,b,strong{font:500 11px "SFMono-Regular",Consolas,monospace;letter-spacing:.07em;color:#c9c2e9}article{padding:24px;margin:12px 0}h3{font-size:22px;letter-spacing:-.04em;margin:8px 0}ul,p{color:var(--muted)}.grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px}.grid article{margin:0;min-height:190px;transition:.25s}.grid article:hover{transform:translateY(-4px);border-color:#c3b5ff77;box-shadow:0 18px 45px #0005}footer{border-top:1px solid var(--border);padding:48px 0;color:var(--muted)}footer>a{color:var(--text);font-size:22px;font-weight:600}.hero:after{content:"";display:block;min-height:430px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,transparent 60%,#0a0a0c99),url("assets/manish-developer-cartoon.png") center/cover;box-shadow:0 30px 80px #0008}@media(prefers-color-scheme:light){:root{--bg:#f7f7fa;--text:#17171a;--muted:#555560;--border:#17171a20}body{background:radial-gradient(ellipse 70% 35% at 75% 0,#d9cef966,transparent 70%),var(--bg)}header{background:#f7f7fac9}pre,article{background:#ffffffa8}.hero:after{box-shadow:0 20px 50px #3332}}@media(max-width:700px){nav,main,footer{width:calc(100% - 32px)}.hero,.grid{grid-template-columns:1fr;min-height:auto}.hero{padding:65px 0}.hero:after{min-height:330px}section{padding:65px 0}nav a:not(:last-child){display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}