:root{font-family:Manrope,sans-serif;color:#f2f4fb;background:#080b14;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #080b14;--panel: #101522;--line: rgba(183,195,226,.14);--muted: #929bb2;--purple: #a78bfa;--blue: #67a7ff;--mono: "DM Mono", monospace}*{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}.ambient{position:absolute;pointer-events:none;border-radius:50%;filter:blur(90px);opacity:.12;z-index:0}.ambient-one{width:420px;height:420px;background:#6741d9;top:80px;right:-180px}.ambient-two{width:360px;height:360px;background:#1168b9;top:1100px;left:-210px}.topbar,main,.footer{position:relative;z-index:1}.topbar{height:82px;max-width:1180px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(183,195,226,.09)}.brand{display:inline-flex;gap:10px;align-items:center;font-size:12px;font-weight:800;letter-spacing:.16em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#a78bfa,#5e8df4);color:#080b14;font-size:16px;letter-spacing:0}.brand-dot{color:var(--purple)}.nav{display:flex;align-items:center;gap:29px;font-size:12px;color:#b4bdd0}.nav a{transition:color .2s}.nav a:hover{color:#fff}.nav .nav-cta{display:flex;align-items:center;gap:7px;color:#fff;border:1px solid var(--line);border-radius:30px;padding:10px 14px}.menu-toggle{display:none;color:#fff;background:none;border:0}.section-wrap{max-width:1120px;padding-left:28px;padding-right:28px;margin:0 auto}.hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;padding-top:56px;padding-bottom:94px}.hero-copy{position:relative;z-index:2;padding-bottom:14px}.eyebrow,.section-kicker,.project-category,.project-number,.timeline-date,.timeline-status,.scroll-cue,.back-top{font-family:var(--mono);font-size:10px;letter-spacing:.12em}.eyebrow{display:flex;align-items:center;gap:10px;color:#b9c4db;margin-bottom:28px}.status-dot{width:7px;height:7px;background:#7ce0b1;border-radius:50%;box-shadow:0 0 12px #7ce0b177}.hero-pretitle{color:#c6ccdb;font-size:18px;margin:0 0 2px}h1{font-size:clamp(66px,8.5vw,110px);line-height:.94;letter-spacing:-.075em;margin:0;font-weight:800}.gradient-text{background:linear-gradient(105deg,#c4b5fd 8%,#8eaaff 55%,#67d6e7);-webkit-background-clip:text;background-clip:text;color:transparent}.hero h2{font-size:clamp(17px,2vw,22px);letter-spacing:-.04em;margin:27px 0 12px;font-weight:700}.hero h2 span{color:#9ca6bd;font-weight:500}.hero-description{color:#9da7bc;line-height:1.9;font-size:14px;max-width:480px}.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:8px;padding:13px 17px;font-size:12px;font-weight:700;transition:transform .2s,border-color .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:#c0b2ff;color:#101021}.button-primary:hover{background:#d0c7ff}.button-quiet{color:#e4e7f1;border:1px solid var(--line)}.button-quiet:hover,.button-outline:hover{border-color:#9b8af5}.hero-meta{display:flex;align-items:center;gap:13px;color:#818ba3;font-size:11px;margin-top:32px}.hero-meta span:first-child{display:flex;align-items:center;gap:6px}.meta-separator{height:4px;width:4px;background:#566078;border-radius:50%}.hero-visual{min-height:460px;display:grid;place-items:center;position:relative}.portrait-frame{position:relative;z-index:2;width:min(310px,75%);aspect-ratio:.79;padding:10px;border:1px solid rgba(183,195,226,.22);border-radius:170px 170px 24px 24px;background:linear-gradient(145deg,#a78bfa2e,#3c69b40f);transform:rotate(2deg)}.portrait-placeholder{height:100%;border-radius:160px 160px 17px 17px;border:1px dashed rgba(196,181,253,.38);background:radial-gradient(ellipse at 50% 25%,#293050,#111726 63%,#0d111d);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#aeb8d0;gap:10px}.portrait-initials{font-size:82px;font-weight:800;letter-spacing:-.1em;background:linear-gradient(135deg,#c4b5fd,#70d6e5);color:transparent;background-clip:text;-webkit-background-clip:text}.portrait-placeholder span{font-family:var(--mono);font-size:8px;letter-spacing:.13em}.portrait-placeholder small{color:#7c87a0;font-size:10px}.portrait-tag{position:absolute;bottom:28px;left:-32px;transform:rotate(-2deg);display:flex;align-items:center;gap:7px;background:#171d2d;border:1px solid var(--line);padding:11px 13px;border-radius:8px;font-size:10px;color:#d8d9f4}.orbit{position:absolute;border:1px solid rgba(167,139,250,.15);border-radius:50%;transform:rotate(-28deg)}.orbit-a{width:410px;height:250px}.orbit-b{width:330px;height:420px;border-color:#67a7ff1f;transform:rotate(42deg)}.floating-card{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);background:#111726eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;box-shadow:0 15px 40px #0003}.floating-card>svg{color:#b9a8ff}.floating-card div{display:grid;gap:4px}.floating-card strong{font-size:11px}.floating-card span{color:#8994ac;font-size:9px}.float-code{top:76px;right:-4px}.float-cloud{bottom:70px;right:-12px}.hero-index{position:absolute;right:0;bottom:45px;font:12px var(--mono);color:#d4d9e9}.hero-index span{color:#66718a}.scroll-cue{position:absolute;bottom:34px;left:28px;display:flex;align-items:center;gap:11px;color:#77829b;font-size:9px}.scroll-cue span{display:inline-block;height:1px;width:28px;background:#7c72d8}.about-section,.skills-section,.projects-section,.journey-section{padding-top:105px;padding-bottom:100px;border-top:1px solid rgba(183,195,226,.09)}.section-kicker{color:#7f8ba4;margin-bottom:36px}.section-kicker span{color:#c2b5ff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.section-heading{font-size:clamp(34px,4.5vw,54px);letter-spacing:-.065em;line-height:1.1;margin:0;font-weight:700}.muted-heading{color:#68738c}.about-copy{max-width:510px;color:#9da7bc;font-size:13px;line-height:1.95}.about-copy p{margin:0 0 16px}.about-copy strong{color:#e1e5f1;font-weight:600}.text-link{display:inline-flex;align-items:center;gap:8px;color:#c5b9ff;font-size:12px;font-weight:700;margin-top:8px}.stats-row{display:flex;gap:0;margin-top:64px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{flex:1;padding:23px 20px 23px 0;display:grid;gap:7px;border-right:1px solid var(--line)}.stat+.stat{padding-left:28px}.stat:last-child{border-right:0}.stat strong{font-size:28px;letter-spacing:-.06em}.stat span{color:#818ca4;font-size:11px}.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:42px}.section-intro{color:#909bb2;font-size:13px;line-height:1.8;max-width:310px;margin:0 0 5px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.skill-card{background:linear-gradient(145deg,#151c2de6,#0d111de6);border:1px solid var(--line);border-radius:12px;padding:22px;min-height:195px}.skill-card-top{display:flex;justify-content:space-between;color:#a99bff;align-items:center}.skill-number{font:10px var(--mono);color:#69758f}.skill-card h3{font-size:14px;margin:24px 0 16px}.skill-tags,.project-stack{display:flex;flex-wrap:wrap;gap:7px}.skill-tags span,.project-stack span{color:#aab4c9;background:#20283a;border:1px solid rgba(183,195,226,.07);padding:6px 8px;border-radius:5px;font-size:10px}.small-note{font-size:10px;line-height:1.7;color:#65718a;margin-top:18px}.projects-list{display:grid;gap:14px}.project-card{padding:25px 27px 19px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(110deg,#121827f0,#0c101bd1);transition:border-color .2s,transform .2s}.project-card:hover{border-color:#a78bfa6b;transform:translateY(-2px)}.project-top{display:flex;align-items:center;gap:15px}.project-number{color:#b5a6ff}.project-category{color:#7e8ba4;font-size:9px}.project-icon{margin-left:auto;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);color:#b5a6ff;border-radius:9px}.project-content{display:grid;grid-template-columns:1fr 1.1fr;gap:35px;align-items:start;margin:18px 0 22px}.project-content h3{margin:0;font-size:23px;letter-spacing:-.045em}.project-subtitle{color:#9eabff;font-size:11px;margin:7px 0 0}.project-description{color:#9aa5bb;font-size:12px;line-height:1.85;margin:0}.project-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:17px;border-top:1px solid rgba(183,195,226,.09)}.project-result{color:#c9d3e7;font-size:10px;text-align:right}.project-note{margin:12px 0 0;font-size:10px;color:#6f7c95}.project-footnote{display:flex;align-items:center;gap:10px;margin-top:24px;color:#78849c;font-size:11px}.tiny-star{color:#a99bff;font-size:17px}.timeline{margin-top:48px;border-top:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:16px 130px 1fr auto;align-items:start;gap:18px;padding:27px 0;border-bottom:1px solid var(--line)}.timeline-dot{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#4b566d;box-shadow:0 0 0 5px #171e2d}.timeline-dot.active{background:#a99bff;box-shadow:0 0 0 5px #282442}.timeline-date{color:#7c88a0;font-size:9px;padding-top:2px}.timeline-item h3{margin:0 0 7px;font-size:14px}.timeline-item p{margin:0;max-width:590px;color:#8e9ab1;font-size:12px;line-height:1.8}.timeline-status{color:#8c98b1;border:1px solid var(--line);border-radius:4px;padding:6px 8px;font-size:8px;white-space:nowrap}.contact-section{border-top:1px solid rgba(183,195,226,.09);background:radial-gradient(ellipse at 50% 100%,rgba(76,60,150,.17),transparent 60%)}.contact-inner{padding-top:100px;padding-bottom:100px;text-align:center}.contact-inner .section-kicker{text-align:left}.contact-overline{color:#a4afc4;font-size:12px;margin:0 0 17px}.contact-inner h2{font-size:clamp(44px,7vw,78px);letter-spacing:-.075em;line-height:1.02;margin:0}.contact-description{color:#909bb2;font-size:13px;line-height:1.8;max-width:420px;margin:22px auto 0}.contact-actions{justify-content:center}.button-outline{border:1px solid var(--line);color:#e0e5f2}.contact-hint{margin-top:20px;color:#65718a;font-size:10px}.footer{min-height:85px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(183,195,226,.09);color:#68748c;font-size:10px}.footer .brand{color:#e5e8f2}.back-top{font-size:9px;color:#9ba6bd}@media(max-width:820px){.hero{grid-template-columns:1fr .8fr;min-height:620px}.hero-visual{min-height:380px}.portrait-frame{width:85%}.orbit-a{width:300px;height:220px}.orbit-b{width:250px;height:350px}.float-code{right:-10px}.float-cloud{right:-5px;bottom:38px}.about-grid{gap:35px}.skills-grid{grid-template-columns:repeat(2,1fr)}.project-content{gap:22px}.timeline-item{grid-template-columns:12px 100px 1fr}.timeline-status{grid-column:3;justify-self:start}}@media(max-width:620px){.topbar{height:70px;padding:0 20px}.menu-toggle{display:block;padding:6px}.nav{display:none;position:absolute;top:69px;left:12px;right:12px;padding:18px;background:#111726;border:1px solid var(--line);border-radius:12px;flex-direction:column;align-items:stretch;gap:0;z-index:10;box-shadow:0 20px 40px #0008}.nav-open{display:flex}.nav a{padding:13px 8px}.nav .nav-cta{justify-content:center;margin-top:8px}.section-wrap{padding-left:21px;padding-right:21px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:65px;padding-bottom:90px;gap:20px}.hero-copy{padding:0}.eyebrow{font-size:8px;margin-bottom:23px}h1{font-size:clamp(68px,19vw,94px)}.hero h2{font-size:17px;margin-top:23px}.hero-description{font-size:13px}.hero-visual{min-height:380px;margin-top:5px}.portrait-frame{width:245px;max-width:70%}.float-code{top:36px;right:0}.float-cloud{right:0;bottom:30px}.portrait-tag{left:-20px;bottom:24px}.hero-index{right:4px;bottom:0}.scroll-cue{left:21px;bottom:26px}.about-section,.skills-section,.projects-section,.journey-section{padding-top:75px;padding-bottom:75px}.section-kicker{margin-bottom:28px}.about-grid,.section-title-row{display:grid;grid-template-columns:1fr;gap:22px}.section-heading{font-size:39px}.about-copy{font-size:12px}.stats-row{margin-top:38px}.stat{padding:18px 10px 18px 0}.stat+.stat{padding-left:13px}.stat strong{font-size:24px}.stat span{font-size:9px}.section-title-row{margin-bottom:28px}.section-intro{font-size:12px}.skills-grid{grid-template-columns:1fr}.skill-card{min-height:0;padding:20px}.skill-card h3{margin:18px 0 13px}.project-card{padding:20px 17px 17px}.project-content{grid-template-columns:1fr;gap:14px;margin:17px 0}.project-content h3{font-size:21px}.project-bottom{align-items:flex-start;flex-direction:column}.project-result{text-align:left}.project-footnote{align-items:flex-start;line-height:1.7}.timeline-item{grid-template-columns:12px 1fr;gap:12px;padding:22px 0}.timeline-date{grid-column:2;grid-row:1}.timeline-item>div:nth-of-type(2){grid-column:2}.timeline-status{grid-column:2}.contact-inner{padding-top:75px;padding-bottom:75px}.contact-inner h2{font-size:48px}.contact-actions{flex-direction:column;align-items:stretch;max-width:300px;margin-left:auto;margin-right:auto}.footer{padding-top:22px;padding-bottom:22px;gap:14px;flex-wrap:wrap}.footer>span{order:3;width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.profile-photo{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:inherit}.certifications-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}.certification-card{padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#ffffff06;transition:transform .25s ease,border-color .25s ease}.certification-card:hover{transform:translateY(-5px);border-color:#9d74ffa6}.certification-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.certification-number,.certification-category{color:#b8a0ff}.certification-number{font-weight:700}.certification-category{font-size:.72rem;letter-spacing:.1em}.certification-card h3{margin:0 0 10px;font-size:1.25rem}.certification-issuer,.certification-description{color:#b8b6c8;line-height:1.7}.certification-description{margin-bottom:20px}@media(max-width:640px){.certifications-grid{grid-template-columns:1fr}}
