@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#f8f9fc;--surface:#fff;--ink:#19212d;--muted:#687383;--line:#e1e5ee;--accent:#5752d9;--soft:#edecff;--teal:#098d8b;--shadow:0 20px 60px #263b6010;color-scheme:light}html[data-theme=dark]{--bg:#11151d;--surface:#191e28;--ink:#edf0f7;--muted:#a0aabd;--line:#2c3444;--accent:#aaa5ff;--soft:#242341;--teal:#58cbc7;--shadow:0 20px 60px #0003;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:#d5d0ff;color:#23233b}.wrap{max-width:1140px;margin:auto;padding-left:36px;padding-right:36px}header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between}.brand{font:700 34px 'Space Grotesk',sans-serif;letter-spacing:-3px}.brand span{color:var(--accent)}.nav-links{display:flex;gap:33px;font-size:14px}.nav-links a{color:var(--muted)}.nav-links a:hover,.text-link:hover,.social-links a:hover{color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:26px}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:transparent;display:grid;place-items:center;font-size:22px}.nav-contact{font-size:14px;font-weight:600}.nav-contact span{margin-left:13px}.hero{min-height:650px;display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:center;padding-top:66px;padding-bottom:74px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.9px;display:flex;align-items:center;gap:9px;margin:0 0 21px}.status-dot{width:6px;height:6px;background:#16a388;display:inline-block;border-radius:50%;box-shadow:0 0 0 4px #16a38810}.intro{font-size:21px;margin:27px 0 12px;letter-spacing:-.4px}.wave{color:var(--accent);display:inline-block;margin-left:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(56px,5.6vw,76px);line-height:1.06;letter-spacing:-4px;margin-bottom:25px;font-weight:600}.gradient{background:linear-gradient(110deg,#248cba,#6560d8 62%,#925edb);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:26px}.hero-description strong{font-weight:550;color:var(--ink)}.hero-cta{display:flex;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;font-size:12px;font-weight:600;padding:13px 19px;border-radius:7px;border:1px solid var(--line);transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.secondary{background:var(--surface)}.secondary span{font-size:17px;color:var(--accent)}.social-links{display:flex;gap:22px;font-size:11px;color:var(--muted);margin-top:25px;align-items:center}.social-links button{border:0;padding:0;background:none;color:inherit;font-size:inherit}.hero-visual{height:440px;position:relative;display:grid;place-items:center;isolation:isolate}.visual-dots{position:absolute;inset:0;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:21px 21px;mask-image:radial-gradient(ellipse,black 30%,transparent 72%)}.hero-visual:before{content:'';position:absolute;width:270px;height:270px;border-radius:50%;background:linear-gradient(150deg,#8ed9d533,#b0a2ff44);filter:blur(50px);z-index:-1}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;width:310px;height:310px;transform:rotate(-25deg)}.orbit-two{width:400px;height:400px;border-style:dashed;opacity:.65}.monogram{width:195px;height:195px;background:linear-gradient(140deg,var(--surface),var(--soft));border:1px solid var(--line);border-radius:42px;box-shadow:0 26px 60px #5752d91a,0 0 0 12px color-mix(in srgb,var(--surface) 50%,transparent);display:flex;align-items:center;justify-content:center;position:relative;font:600 89px 'Space Grotesk',sans-serif;letter-spacing:-9px;transform:rotate(-7deg)}.monogram>span{color:var(--accent)}.monogram small{position:absolute;bottom:29px;font:600 8px 'DM Sans',sans-serif;letter-spacing:2px;color:var(--muted);left:0;width:100%;text-align:center}.satellite{position:absolute;z-index:2;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:10px 15px;border-radius:9px;color:var(--accent);font-size:18px;display:flex;gap:9px;align-items:center}.satellite span{font-size:10px;color:var(--ink)}.sat-one{top:48px;right:7px;transform:rotate(4deg)}.sat-two{bottom:87px;left:0;transform:rotate(-5deg);color:var(--teal)}.sat-three{bottom:43px;right:0;transform:rotate(4deg)}.visual-caption{position:absolute;bottom:-12px;display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:2px;color:var(--muted)}.company-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-top:26px;padding-bottom:26px;gap:20px}.company-strip>span:first-child{font-size:11px;color:var(--muted)}.expedia-logo{font-size:26px;line-height:.85;font-weight:700;letter-spacing:-1px}.expedia-logo span{display:block;font-size:15px;letter-spacing:1.3px;font-weight:400}.oracle-logo{font-size:27px;letter-spacing:3px;color:var(--muted);font-weight:500}.strip-note{font-size:10px;color:var(--muted);line-height:1.6}.section{padding-top:100px;padding-bottom:90px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:35px;gap:30px}.section-heading .eyebrow{color:var(--accent);margin-bottom:15px}h2{font-size:39px;line-height:1.2;letter-spacing:-1.8px;margin-bottom:0;font-weight:500}.muted{color:var(--muted)}.section-heading>p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:3px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.work-card{padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:14px;position:relative;overflow:hidden;display:flex;flex-direction:column}.work-card.featured{background:linear-gradient(135deg,var(--surface),var(--soft))}.card-top{display:flex;align-items:center;gap:12px;margin-bottom:30px}.card-icon{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--line);background:var(--soft);border-radius:8px;color:var(--accent);font-size:21px}.teal{color:var(--teal);background:color-mix(in srgb,var(--teal) 8%,var(--surface))}.label{font-size:8px;letter-spacing:1.2px;color:var(--muted);font-weight:600}.card-top>span:last-child{margin-left:auto;font:11px 'Space Grotesk',sans-serif;color:var(--muted)}h3{font-size:26px;line-height:1.25;letter-spacing:-.8px;font-weight:500;margin-bottom:15px}.work-card>p{font-size:13px;color:var(--muted);line-height:1.8;max-width:370px;margin-bottom:24px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px;margin-bottom:22px}.tags span{border:1px solid var(--line);border-radius:5px;padding:3px 8px;font-size:9px;color:var(--muted);background:color-mix(in srgb,var(--surface) 60%,transparent)}details{margin-top:auto;border-top:1px solid var(--line);padding-top:16px}summary{cursor:pointer;font-size:11px;font-weight:600;list-style:none;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary span{color:var(--accent)}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;line-height:1.8;color:var(--muted);margin:14px 0 0}.mini-pipeline{display:flex;align-items:center;justify-content:center;gap:10px;min-height:85px;border:1px solid var(--line);border-radius:7px;background:color-mix(in srgb,var(--surface) 60%,transparent)}.mini-pipeline>span{font-size:10px;padding:8px 12px;border:1px solid var(--line);border-radius:5px;background:var(--surface)}.mini-pipeline i{font-size:13px;color:var(--muted);font-style:normal}.mini-pipeline .pipeline-pass{color:var(--teal);border-color:color-mix(in srgb,var(--teal) 35%,var(--line))}.platform-visual{min-height:85px;text-align:center;border:1px solid var(--line);border-radius:7px;padding:12px;font-size:9px}.platform-visual>span{display:inline-block;border:1px solid var(--line);padding:4px 9px;border-radius:4px;margin:0 3px 8px}.platform-visual>div{border-top:1px dashed var(--line);padding-top:8px;font-size:7px;letter-spacing:2px;color:var(--teal)}.timeline{margin-top:50px}.timeline>.eyebrow{color:var(--muted)}.timeline-row{display:flex;align-items:center;padding:23px 0;border-top:1px solid var(--line);gap:40px}.timeline-date{min-width:115px;font-size:10px;color:var(--muted);letter-spacing:.6px}.timeline-row h3{font-size:16px;letter-spacing:-.3px;margin-bottom:5px}.timeline-row h3 span{color:var(--muted);font-weight:400}.timeline-row p{font-size:12px;color:var(--muted);margin:0}.timeline-mark{margin-left:auto;color:var(--muted)}.projects-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--line) 18%,var(--bg))}.projects-section .section{padding-top:78px;padding-bottom:80px}.text-link{font-size:11px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{display:block;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--surface);transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.project-art{height:200px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center}.flashcards{background:color-mix(in srgb,#afa5ff 15%,var(--surface))}.flashcard{position:absolute;width:174px;height:130px;border-radius:9px;border:1px solid #c5bfea;background:var(--surface);box-shadow:0 10px 20px #504c9910}.flashcard.back{transform:rotate(-13deg);background:color-mix(in srgb,var(--accent) 20%,var(--surface))}.flashcard.front{transform:rotate(6deg);padding:18px}.flashcard span{font-size:6px;letter-spacing:1.2px;color:var(--accent);display:block;margin-bottom:12px}.flashcard strong{font:500 19px/1.15 'Space Grotesk',sans-serif;letter-spacing:-.4px;display:block}.flashcard small{font-size:6px;display:block;margin-top:13px;color:var(--muted)}.diagram{flex-direction:column;background:color-mix(in srgb,#7cd7d3 10%,var(--surface));padding-top:5px}.diagram-node{font-size:10px;border:1px solid var(--line);padding:6px 15px;background:var(--surface);border-radius:5px}.diagram-line{height:17px;border-left:1px solid var(--teal)}.diagram-node.middle{border-color:color-mix(in srgb,var(--teal) 50%,var(--line));color:var(--teal);font-size:10px}.diagram-branches{display:flex;gap:16px;margin-top:23px;position:relative}.diagram-branches:before{content:'';width:100px;height:15px;position:absolute;top:-16px;left:32px;border:1px solid var(--teal);border-bottom:0}.diagram-branches:after{content:'';position:absolute;top:-23px;left:50%;height:7px;border-left:1px solid var(--teal)}.diagram-branches span{padding:5px 12px;border:1px solid var(--line);background:var(--surface);font-size:9px;border-radius:5px}.notes-art{background:color-mix(in srgb,#edcb94 15%,var(--surface))}.note-paper{position:absolute;top:30px;width:192px;height:220px;border:1px solid var(--line);background:var(--surface);border-radius:5px;transform:rotate(-7deg);padding:25px 19px;box-shadow:0 10px 20px #8c663810}.note-paper>span{font-size:7px;letter-spacing:1.3px;color:var(--muted);display:block;margin-bottom:18px}.note-paper strong{font-size:9px;display:block;margin:14px 0 10px}.note-paper i{display:block;height:3px;width:90%;background:var(--line);margin:7px 0;border-radius:2px}.note-paper i:nth-of-type(2){width:70%}.project-content{padding:22px}.project-title{display:flex;justify-content:space-between;align-items:center;gap:7px}.project-title h3{font-size:16px;letter-spacing:-.4px;margin:0}.project-title>span{font-size:16px;color:var(--muted)}.project-content p{font-size:12px;color:var(--muted);margin:12px 0 20px}.project-type{font-size:7px;letter-spacing:1px;color:var(--muted)}.about-section{display:grid;grid-template-columns:1.2fr 1fr;gap:90px}.about-section .eyebrow{color:var(--accent)}.about-text{font-size:14px;color:var(--muted);line-height:1.9;margin-top:24px;margin-bottom:0}.education{font-size:11px;color:var(--muted);margin-top:25px}.toolbox{align-self:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:28px}.toolbox .eyebrow{font-size:9px;color:var(--muted);margin-bottom:21px}.tool-group{margin-bottom:20px}.tool-group:last-child{margin:0}.tool-group>span{font-size:8px;letter-spacing:1px;color:var(--accent)}.tool-group p{font-size:12px;line-height:1.8;margin:7px 0 0}.contact-section{padding-top:65px;padding-bottom:90px;text-align:center;border-top:1px solid var(--line)}.contact-section .eyebrow{justify-content:center;color:var(--muted)}.contact-section h2{font-size:57px;line-height:1.1;letter-spacing:-2.7px}.contact-email{display:inline-flex;gap:38px;align-items:center;font-size:18px;padding:22px 0 8px;border-bottom:1px solid var(--line);margin-top:15px}.contact-email span{color:var(--accent)}.contact-section>p:last-child{font-size:11px;color:var(--muted);margin-top:19px}footer{padding-top:23px;padding-bottom:35px;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px}footer>.brand{font-size:26px}footer>span{font-size:10px;color:var(--muted)}footer>div{display:flex;gap:24px;margin-left:auto;font-size:10px;color:var(--muted)}.chat-launch{position:fixed;bottom:24px;right:28px;z-index:30;background:var(--ink);color:var(--bg);display:flex;gap:12px;align-items:center;border:1px solid var(--line);padding:12px 18px;border-radius:40px;box-shadow:0 6px 24px #0002;font-size:12px}.chat-launch>span:first-child{font-size:20px}.chat-indicator{width:5px;height:5px;background:#8fe5c9;border-radius:50%}dialog{position:fixed;inset:auto 24px 85px auto;margin:0;width:390px;max-width:calc(100vw - 32px);padding:0;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 100px #0003;z-index:50}dialog::backdrop{background:#10152624;backdrop-filter:blur(3px)}.chat-head{display:flex;align-items:center;padding:19px;gap:12px;border-bottom:1px solid var(--line)}.chat-avatar{width:39px;height:39px;display:grid;place-items:center;font:600 24px 'Space Grotesk',sans-serif;border-radius:10px;background:var(--soft);color:var(--accent);letter-spacing:-2px}.chat-head h2{font-size:15px;letter-spacing:-.3px;margin-bottom:3px}.chat-head p{font-size:9px;color:var(--muted);margin:0}.chat-head button{margin-left:auto;border:0;font-size:25px}.chat-body{height:270px;overflow-y:auto;padding:19px;display:flex;flex-direction:column;gap:12px}.message{padding:12px 14px;border-radius:11px;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;max-width:94%}.assistant{background:var(--bg);align-self:flex-start;border:1px solid var(--line)}.user{background:var(--soft);align-self:flex-end}.error{color:var(--muted);font-style:italic}.chat-suggestions{padding:0 19px 14px;display:flex;flex-wrap:wrap;gap:7px}.chat-suggestions button{font-size:9px;border:1px solid var(--line);background:var(--surface);padding:5px 9px;border-radius:20px}.chat-suggestions button:hover{background:var(--soft)}#chat-form{margin:0 19px;display:flex;border:1px solid var(--line);border-radius:9px;padding:5px;gap:6px}#chat-input{min-width:0;width:100%;background:transparent;border:0;font-size:11px;padding:7px;color:var(--ink)}#chat-form button{border:0;border-radius:6px;background:var(--ink);color:var(--bg);width:34px;flex-shrink:0}.chat-disclaimer{text-align:center;font-size:8px;line-height:1.7;color:var(--muted);margin:12px}.chat-disclaimer a{text-decoration:underline}.sr-only,.skip{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{width:auto;height:auto;clip:auto;top:12px;left:12px;padding:10px;background:var(--surface);z-index:100}.privacy-content{max-width:700px;padding-top:70px;padding-bottom:100px}.privacy-content h1{font-size:45px;letter-spacing:-2px}.privacy-content h2{font-size:23px;margin:28px 0 14px}.privacy-content p{color:var(--muted)}.privacy-content a{color:var(--accent);text-decoration:underline}@media(min-width:1500px){.hero{min-height:710px}}@media(max-width:900px){.wrap{padding-left:25px;padding-right:25px}.hero{grid-template-columns:1.2fr 1fr;gap:5px}.hero-visual{transform:scale(.8);transform-origin:center}.hero h1{font-size:61px}.hero-description{font-size:14px}.hero-cta{flex-wrap:wrap}.sat-one{right:-35px}.sat-three{right:-35px}.sat-two{left:-30px}.work-card{padding:23px}.label{font-size:7px}.mini-pipeline{gap:6px}.mini-pipeline>span{padding:8px;font-size:9px}.about-section{gap:35px}.project-content{padding:17px}.project-title h3{font-size:14px}.section-heading h2{font-size:34px}.company-strip{margin:0 25px;padding-left:0;padding-right:0}.project-type{font-size:6px}}@media(max-width:640px){.nav{height:70px}.brand{font-size:30px}.nav-links{gap:18px;font-size:12px}.nav-actions{gap:12px}.nav-contact{display:none}.icon-button{width:32px;height:32px}.hero{display:flex;flex-direction:column;padding-top:46px;padding-bottom:42px;gap:0;min-height:0;align-items:stretch}.hero .eyebrow{font-size:8px;letter-spacing:1.3px}.intro{font-size:19px}.hero h1{font-size:64px;letter-spacing:-3.8px}.hero-description{font-size:15px}.hero-cta{flex-wrap:nowrap;gap:9px}.button{font-size:10px;padding:12px 13px;gap:15px}.social-links{gap:24px;font-size:10px}.hero-visual{height:340px;margin:10px 0 -18px;transform:scale(.85)}.orbit-two{width:340px;height:340px}.orbit-one{width:275px;height:275px}.monogram{width:172px;height:172px;font-size:79px;border-radius:35px}.monogram small{bottom:24px;font-size:7px}.sat-one{right:-10px;top:28px}.sat-two{bottom:70px;left:-5px}.sat-three{right:-12px;bottom:18px}.visual-caption{bottom:-20px}.company-strip{flex-wrap:wrap;gap:24px;padding-top:20px;padding-bottom:20px;justify-content:space-around}.company-strip>span:first-child{width:100%;text-align:center;font-size:10px}.expedia-logo{font-size:23px}.oracle-logo{font-size:23px}.strip-note{display:none}.section{padding-top:65px;padding-bottom:55px}.section-heading{align-items:flex-start;flex-direction:column;gap:17px;margin-bottom:27px}.section-heading>p br{display:none}.section-heading>p{font-size:12px}.section-heading h2,h2{font-size:33px;letter-spacing:-1.5px}.work-grid{grid-template-columns:1fr;gap:18px}.work-card{padding:25px}.label{font-size:8px}.work-card h3{font-size:27px}.work-card>p{font-size:13px}.mini-pipeline>span{padding:8px 14px;font-size:10px}.card-top{margin-bottom:26px}.timeline{margin-top:35px}.timeline-row{gap:15px;flex-wrap:wrap;padding:20px 0}.timeline-date{min-width:100%;font-size:9px}.timeline-row h3{font-size:15px}.timeline-row p{font-size:11px}.timeline-mark{display:none}.project-grid{grid-template-columns:1fr}.projects-section .section{padding-top:55px;padding-bottom:60px}.project-art{height:210px}.project-content{padding:23px}.project-title h3{font-size:18px}.project-content p{font-size:13px}.project-type{font-size:8px}.about-section{grid-template-columns:1fr;gap:20px}.toolbox{margin-top:10px}.about-text{font-size:14px}.contact-section{padding-top:50px;padding-bottom:60px}.contact-section h2{font-size:43px;letter-spacing:-2px}.contact-email{font-size:16px;gap:22px}.contact-section>p:last-child{font-size:10px}footer{flex-wrap:wrap;gap:15px;padding-bottom:95px}footer>div{width:100%;margin:0;justify-content:space-between;gap:10px}.chat-launch{bottom:18px;right:16px;padding:10px 15px;font-size:11px}dialog{right:16px;bottom:80px}.chat-body{height:min(270px,35dvh)}.chat-head{padding:15px}.chat-head p{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}@media print{body{background:white;color:#111;font-size:11px}header,.hero-visual,.hero-cta,.social-links,.company-strip,.chat-launch,dialog,.project-art,.contact-section,footer,.toolbox{display:none!important}.wrap{max-width:none;padding:0}.hero{display:block;min-height:0;padding:0 0 18px}.hero h1{font-size:32px;letter-spacing:-1px}.hero h1 br{display:none}.hero-description{font-size:12px}.intro{margin:0;font-size:22px}.section{padding:18px 0}.section-heading{margin:0 0 12px}.section-heading>p,.eyebrow{display:none}.section-heading h2,h2{font-size:23px}.work-grid{gap:12px}.work-card{padding:15px;break-inside:avoid;background:white!important}.card-top,.mini-pipeline,.platform-visual,details{display:none}.work-card h3{font-size:19px}.work-card h3 br{display:none}.work-card p{font-size:11px;margin:0}.tags{margin:9px 0 0}.timeline{margin-top:15px}.timeline-row{padding:12px 0}.timeline-row h3{font-size:14px}.projects-section{background:white}.projects-section .section{padding:18px 0}.project-grid{gap:10px}.project-content{padding:12px}.project-title h3{font-size:14px}.project-content p{font-size:11px;margin:8px 0}.project-type{display:none}.about-section{display:block;padding-top:15px}.about-section h2{font-size:23px}.about-text{font-size:11px;margin-top:10px}.education{margin-top:10px}.gradient{background:none;color:#444}.hero-copy:after{content:'hello@vinitasher.com · linkedin.com/in/vasher · vinitasher.com';font-size:11px}a[href^='http']:after{content:none}@page{margin:17mm}}