:root{font-family:DM Sans,sans-serif;color:#eef2fa;background:#080b12;font-synthesis:none;text-rendering:optimizeLegibility;font-smooth:always;font-weight:400;--bg:#080b12;--panel:#0e1420;--muted:#929bad;--line:rgba(165,183,214,.14);--blue:#69a9ff;--cyan:#6de2e7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;min-width:320px;background:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{position:relative;overflow:hidden}.noise{pointer-events:none;position:absolute;inset:0;opacity:.025;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.container{width:min(1160px,calc(100% - 56px));margin-inline:auto}.nav-wrap{height:82px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:#080b12d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font:700 12px Space Grotesk;letter-spacing:1.6px}.brand-mark{font-size:25px;letter-spacing:-2px;color:#fff}.brand-mark span{color:var(--blue)}.brand-muted{color:#8791a4}.nav-links{display:flex;align-items:center;gap:34px;color:#aab3c3;font-size:12px}.nav-links>a:not(.nav-cta):hover,.text-link:hover{color:#fff}.nav-cta{display:flex;align-items:center;gap:8px;color:#fff;border:1px solid var(--line);padding:11px 16px;border-radius:5px}.menu-toggle{display:none;background:none;color:#fff;border:0}.hero{min-height:710px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;position:relative;padding-top:35px;padding-bottom:85px}.hero-copy{position:relative;z-index:2;padding-bottom:20px}.eyebrow,.section-label{font-size:10px;letter-spacing:2px;color:#9ca9bd;font-weight:700}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:27px}.status-dot{width:7px;height:7px;background:#6de2a2;border-radius:50%;box-shadow:0 0 13px #6de2a2}.hero h1,.section h2{font:600 clamp(48px,6vw,76px)/1.07 "Space Grotesk";letter-spacing:-4px;margin:0}.gradient-text{background:linear-gradient(105deg,#f4f7ff 5%,#82b9ff 52%,#71e1df);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-intro{max-width:520px;color:#a0aabd;font-size:15px;line-height:1.9;margin:28px 0 30px}.hero-intro strong{color:#edf3ff;font-weight:600}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:14px 19px;border-radius:4px;font-size:12px;font-weight:700;transition:.2s}.button-primary{background:#eaf2ff;color:#101827}.button-primary:hover{background:#9bc6ff;transform:translateY(-2px)}.button-ghost{border:1px solid var(--line);color:#eaf0fa}.button-ghost:hover{border-color:#7dafff}.hero-socials{display:flex;align-items:center;gap:19px;margin-top:54px;color:#9ba7b9}.hero-socials a:hover{color:#fff}.social-line{height:1px;width:38px;background:#394457}.location{display:flex;align-items:center;gap:5px;font-size:11px}.hero-visual{height:510px;position:relative;display:flex;align-items:center;justify-content:center}.visual-glow{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(55,127,224,.2),rgba(36,76,130,.07) 48%,transparent 72%);filter:blur(8px)}.portrait-frame{position:relative;width:330px;height:420px;border:1px solid rgba(151,188,241,.32);padding:10px;border-radius:170px 170px 18px 18px;z-index:2;transform:rotate(2deg);background:linear-gradient(145deg,#78aef52e,#ffffff04)}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center 30%;border-radius:160px 160px 12px 12px;filter:saturate(.8);display:block}.portrait-overlay{position:absolute;inset:10px;border-radius:160px 160px 12px 12px;background:linear-gradient(0deg,rgba(7,12,22,.55),transparent 45%);pointer-events:none}.orbit{position:absolute;border:1px solid rgba(114,165,230,.15);border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:500px;height:250px}.orbit-two{width:560px;height:310px;transform:rotate(36deg)}.floating-card{position:absolute;z-index:4;display:flex;align-items:center;gap:11px;padding:12px 16px;background:#0f1724e8;border:1px solid rgba(153,181,221,.2);border-radius:8px;box-shadow:0 14px 45px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.floating-card b,.floating-card small{display:block}.floating-card b{font-size:11px}.floating-card small{font-size:10px;color:#9aa7bc;margin-top:3px}.card-top{top:85px;left:-5px}.card-bottom{bottom:75px;right:-12px}.mini-icon{width:33px;height:33px;border-radius:6px;display:grid;place-items:center;color:#80b8ff;background:#173253}.mini-icon.purple{color:#c1a5ff;background:#30234b}.visual-index{position:absolute;bottom:7px;right:0;color:#647187;font-size:10px;letter-spacing:2px}.scroll-cue{position:absolute;bottom:28px;left:0;display:flex;align-items:center;gap:12px;color:#6d788b;font-size:9px;letter-spacing:2px}.scroll-cue span{height:1px;width:36px;background:#6d9fe4}.section{padding-top:115px;padding-bottom:115px}.section-label{margin-bottom:48px}.section-label span{color:#7db4ff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.section h2{font-size:clamp(38px,4.6vw,57px);letter-spacing:-2.7px}.muted-heading{color:#657186}.about-text p{color:#9ca8bb;font-size:14px;line-height:1.9;margin:0 0 20px}.about-text .large-copy{font-size:17px;color:#e0e7f2;line-height:1.8}.text-link{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;margin-top:9px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats-row div{padding:25px 20px;border-right:1px solid var(--line)}.stats-row div:first-child{padding-left:0}.stats-row div:last-child{border:0}.stats-row strong{display:block;font:600 27px Space Grotesk;color:#e8f1ff}.stats-row span{display:block;color:#8390a4;font-size:11px;margin-top:6px}.skills,.journey{background:linear-gradient(110deg,#121c2c99,#0a0f1859);border-top:1px solid rgba(160,185,222,.07);border-bottom:1px solid rgba(160,185,222,.07)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:48px}.section-heading>p{max-width:340px;color:#9ca8bb;font-size:13px;line-height:1.9;margin:0 0 6px}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.skill-card{min-height:205px;padding:25px 22px;border:1px solid var(--line);background:#0c121db8;position:relative;overflow:hidden}.skill-number{font-size:10px;color:#6eaaff;letter-spacing:1px}.skill-card h3{font:600 20px Space Grotesk;margin:29px 0 10px}.skill-card p{font-size:11px;color:#98a4b7;line-height:1.8}.skill-line{position:absolute;bottom:0;left:0;width:36%;height:2px;background:linear-gradient(90deg,#72adff,transparent)}.projects-heading{margin-bottom:55px}.project-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.project-card{padding:25px;border:1px solid var(--line);background:linear-gradient(145deg,#111c2d,#0b111b);min-height:280px;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .2s}.project-card:hover{border-color:#74aeff80}.project-card.violet{background:linear-gradient(145deg,#1a1730,#0c101b)}.project-card.cyan{background:linear-gradient(145deg,#10242a,#0b111b)}.project-card.orange{background:linear-gradient(145deg,#282016,#0c111a)}.project-top,.project-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-top>span{font-size:9px;color:#8c9bb1;letter-spacing:1.2px;text-transform:uppercase}.project-top>a{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}.project-main{display:flex;align-items:flex-start;gap:18px;margin:25px 0}.project-icon{width:50px;height:50px;flex-shrink:0;border:1px solid rgba(122,174,243,.25);background:#1a2a40;color:#8cbcff;display:grid;place-items:center;border-radius:9px}.violet .project-icon{background:#2b2443;color:#c0a9ff}.cyan .project-icon{background:#19373b;color:#7ce1d9}.orange .project-icon{background:#3b2d1c;color:#f1bd76}.project-main h3{font:600 23px Space Grotesk;margin:0 0 9px}.project-main p{color:#9ca8ba;font-size:12px;line-height:1.8;margin:0;max-width:430px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{padding:6px 8px;background:#ffffff09;border:1px solid #ffffff12;border-radius:3px;color:#aab8cc;font-size:9px}.project-link{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px;color:#dbe8fa}.all-projects{display:flex;align-items:center;justify-content:center;gap:10px;margin:32px auto 0;font-size:12px;color:#a8caff}.journey-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.journey-content{border-left:1px solid rgba(117,168,235,.3);padding-left:30px}.timeline-item{position:relative;padding:0 0 34px}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-35px;top:2px;width:9px;height:9px;border:2px solid #7db4ff;background:#0c1420;border-radius:50%;box-shadow:0 0 13px #529cff66}.timeline-item small{font-size:9px;letter-spacing:1.6px;color:#78adf4}.timeline-item h3{font:600 19px Space Grotesk;margin:10px 0}.timeline-item p{font-size:12px;color:#9ba7b9;line-height:1.8;margin:0;max-width:480px}.contact{padding-bottom:100px}.contact-panel{padding:45px;border:1px solid rgba(127,177,242,.2);background:radial-gradient(ellipse at 80% 10%,rgba(56,111,183,.18),transparent 48%),#0d1420}.contact-panel .section-label{margin-bottom:40px}.contact-content{display:flex;justify-content:space-between;align-items:end;gap:30px}.contact-content h2{font-size:clamp(48px,6vw,72px)}.contact-content p{font-size:13px;color:#9ca8bb;margin:20px 0 0}.contact-button{flex-shrink:0;margin-bottom:7px}.contact-footer{border-top:1px solid var(--line);margin-top:48px;padding-top:20px;display:flex;justify-content:space-between;color:#9ba8bc;font-size:11px}.contact-footer a{display:flex;align-items:center;gap:9px}.footer{min-height:90px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;color:#6f7b8f;font-size:10px}.footer .brand{color:#dfe8f6}.back-top{letter-spacing:1.2px;font-size:9px;color:#9eacc0}@media(max-width:900px){.hero{grid-template-columns:1fr .8fr;min-height:650px}.portrait-frame{width:270px;height:360px}.hero h1{font-size:58px}.skills-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:start;flex-direction:column;gap:20px}.card-top{left:-25px}.card-bottom{right:-20px}}@media(max-width:680px){.container{width:min(100% - 36px,540px)}.nav-wrap{height:70px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:69px;left:0;right:0;background:#0c121e;padding:22px 25px 26px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:20px}.nav-links.open{display:flex}.nav-cta{justify-content:center}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:75px;padding-bottom:95px;min-height:auto}.hero h1{font-size:clamp(46px,12vw,65px);letter-spacing:-3px}.hero-intro{font-size:14px}.hero-visual{height:440px;margin-top:30px}.portrait-frame{width:270px;height:355px}.orbit-one{width:390px;height:220px}.orbit-two{width:420px;height:260px}.card-top{left:0;top:50px}.card-bottom{right:0;bottom:45px}.scroll-cue{bottom:28px}.hero-socials{margin-top:38px;flex-wrap:wrap}.section{padding-top:80px;padding-bottom:80px}.section-label{margin-bottom:35px}.about-grid,.journey-grid{grid-template-columns:1fr;gap:30px}.section h2{font-size:clamp(39px,10vw,52px)}.stats-row{margin-top:45px}.stats-row div{padding:18px 10px}.stats-row strong{font-size:22px}.stats-row span{font-size:9px;line-height:1.5}.skills-grid{gap:10px}.skill-card{padding:18px 15px;min-height:190px}.skill-card h3{font-size:17px}.skill-card p{font-size:10px}.project-list{grid-template-columns:1fr}.project-card{padding:21px;min-height:285px}.project-main h3{font-size:21px}.project-bottom{align-items:flex-start;flex-direction:column}.contact-panel{padding:27px 22px}.contact-content{align-items:flex-start;flex-direction:column}.contact-content h2{font-size:53px}.contact-footer{flex-direction:column;gap:13px}.footer{padding-top:22px;padding-bottom:22px;flex-wrap:wrap}.footer>span{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
