@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#080d18;--bg2:#0c1322;--panel:#101a2b;--panel2:#111d30;--text:#f2f6ff;--muted:#9ba9bf;--dim:#66768e;--blue:#65a8ff;--blue2:#3278f6;--green:#6ce0b5;--border:rgba(151,177,217,.15);--mono:'DM Mono',monospace;--sans:'Manrope',system-ui,sans-serif;--container:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:4px}.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;top:-60px;left:20px;background:var(--green);color:#061019;padding:10px 14px;z-index:100}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:50;background:rgba(8,13,24,.84);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:800;font-size:15px;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(101,168,255,.5);border-radius:10px;color:var(--blue);font-size:12px;letter-spacing:-.04em;background:rgba(50,120,246,.09)}.accent{color:var(--blue)}.nav-links{display:flex;align-items:center;gap:31px;color:var(--muted);font-size:12px;font-weight:700}.nav-links a{transition:color .2s}.nav-links a:hover,.nav-links a:focus-visible{color:var(--text)}.nav-links .nav-contact{padding:10px 15px;border:1px solid var(--border);border-radius:8px;color:var(--text)}.nav-contact span{color:var(--green);margin-left:7px}.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle span{display:block;width:22px;height:2px;background:var(--text);margin:5px}
.section{padding:112px 0;position:relative}.section-border{border-top:1px solid var(--border)}.hero{min-height:690px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 76% 44%,rgba(27,72,140,.16),transparent 42%),radial-gradient(ellipse at 5% 20%,rgba(36,91,154,.08),transparent 35%)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:36px}.eyebrow,.section-label,.section-kicker,.project-meta,.contact-label{font-family:var(--mono);font-size:10px;letter-spacing:.13em}.eyebrow{display:flex;align-items:center;gap:10px;color:#a9bad1;margin-bottom:28px}.status-dot,.tiny-dot{width:7px;height:7px;background:var(--green);border-radius:50%;display:inline-block;box-shadow:0 0 14px rgba(108,224,181,.65)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(43px,5.5vw,68px);line-height:1.12;letter-spacing:-.065em;margin-bottom:24px;font-weight:800}.gradient-text{background:linear-gradient(105deg,#f1f6ff 0%,#79b7ff 48%,#6ce0b5 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-intro{font-size:15px;line-height:1.9;color:var(--muted);max-width:530px}.hero-intro strong{color:var(--text);font-weight:700}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0 29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:19px;padding:13px 18px;border-radius:8px;font-size:12px;font-weight:800;transition:transform .2s,border-color .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--blue);color:#07101e;box-shadow:0 8px 28px rgba(50,120,246,.16)}.button-primary:hover{background:#8abfff}.button-secondary{border:1px solid var(--border);color:var(--text)}.button-secondary:hover{border-color:rgba(101,168,255,.55)}.social-row{display:flex;gap:23px;flex-wrap:wrap}.social-row a{color:var(--muted);font-size:11px;font-weight:700}.social-row a:hover{color:var(--blue)}.social-row span{color:var(--green);margin-left:4px}.hero-art{min-height:410px;position:relative;display:grid;place-items:center}.hero-grid-decoration{position:absolute;inset:0;opacity:.24;pointer-events:none;background-image:linear-gradient(rgba(105,146,205,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(105,146,205,.14) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse at center,#000 5%,transparent 72%)}.orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.orb-one{width:260px;height:260px;background:rgba(38,111,238,.12);right:10%;top:10%;filter:blur(38px)}.orb-two{width:180px;height:180px;background:rgba(108,224,181,.09);left:9%;bottom:8%;filter:blur(36px)}.code-window{z-index:2;width:min(100%,420px);border:1px solid rgba(133,168,219,.25);background:rgba(12,20,34,.94);border-radius:13px;box-shadow:0 28px 85px rgba(0,0,0,.36),0 0 60px rgba(50,120,246,.08);transform:rotate(-2deg)}.window-top,.window-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;color:var(--dim);font:10px var(--mono)}.window-top{border-bottom:1px solid var(--border)}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#ed7b79}.window-dots i:nth-child(2){background:#eab96a}.window-dots i:nth-child(3){background:#6bd6a8}.window-lock{color:var(--green);font-size:8px}.code-content{padding:20px 15px 18px;font:clamp(9px,1.1vw,11px)/2 var(--mono);white-space:nowrap}.line-no{display:inline-block;width:29px;text-align:right;margin-right:14px;color:#4d5e77;user-select:none}.code-purple{color:#c5a1ff}.code-blue{color:#7cbaff}.code-yellow{color:#f6d48b}.code-green{color:#8be0b2}.window-footer{border-top:1px solid var(--border)}.window-footer span:first-child{display:flex;align-items:center;gap:7px}.tiny-dot{width:5px;height:5px}.cursor{display:inline-block;width:7px;height:13px;vertical-align:middle;background:var(--blue);animation:blink 1.2s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}.floating-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid var(--border);border-radius:9px;background:#101a2a;box-shadow:0 12px 35px #0004;color:#c8d4e7;font-size:10px;font-weight:700}.chip-top{top:53px;right:-4px}.chip-bottom{bottom:48px;left:-10px}.chip-icon{display:grid;place-items:center;width:23px;height:23px;border-radius:6px;background:rgba(101,168,255,.12);color:var(--blue);font-size:14px}.chip-green{background:rgba(108,224,181,.1);color:var(--green)}.scroll-cue{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;font:9px var(--mono);letter-spacing:.13em;color:var(--dim)}.scroll-cue span{width:23px;height:1px;background:var(--green)}
.section-layout{display:grid;grid-template-columns:180px 1fr;gap:55px}.section-label{display:flex;align-items:center;gap:15px;color:var(--dim);white-space:nowrap;padding-top:10px}.label-line{height:1px;background:var(--border);width:100%;max-width:42px}.section-kicker{color:var(--green);margin-bottom:16px;text-transform:uppercase}.section-content h2,.projects-heading h2,.contact-main h2{font-size:clamp(32px,4vw,47px);line-height:1.18;letter-spacing:-.055em;margin-bottom:25px}.body-large{max-width:740px;color:#d1dbea;font-size:17px;line-height:1.9}.body-copy{max-width:760px;color:var(--muted);font-size:13px;line-height:1.95}.principles{margin-top:39px;border-top:1px solid var(--border)}.principle{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:20px 0;border-bottom:1px solid var(--border)}.principle-number{font:10px var(--mono);color:var(--green);padding-top:3px}.principle h3,.skill-group h3,.timeline-body h3,.learning-card h3{font-size:14px;letter-spacing:-.02em;margin:0 0 5px}.principle p,.learning-card p{color:var(--muted);font-size:12px;line-height:1.8;margin:0}.skill-groups{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:32px}.skill-group{padding:21px;border:1px solid var(--border);border-radius:10px;background:linear-gradient(135deg,rgba(17,29,48,.7),rgba(9,16,29,.5))}.skill-heading{display:flex;align-items:center;gap:11px;margin-bottom:17px}.skill-symbol{display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:rgba(101,168,255,.1);color:var(--blue);font:12px var(--mono)}.skill-heading h3{margin:0;font-size:12px}.tags,.project-tags{display:flex;gap:7px;flex-wrap:wrap}.tags span,.project-tags span{border:1px solid var(--border);background:rgba(255,255,255,.02);border-radius:5px;padding:5px 8px;color:#b5c3d8;font:9px var(--mono)}
.full-label{margin-bottom:38px}.projects-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.projects-heading h2{margin-bottom:0}.text-link{display:inline-flex;gap:11px;align-items:center;color:var(--blue);font-size:11px;font-weight:800;white-space:nowrap}.text-link span{color:var(--green)}.projects-intro{margin:20px 0 30px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:rgba(14,23,38,.68);transition:transform .25s,border-color .25s}.project-card:hover{transform:translateY(-4px);border-color:rgba(101,168,255,.4)}.project-featured{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.project-visual{min-height:220px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0c1830}.visual-career{background:radial-gradient(ellipse at 65% 40%,#16386b,#0b1425 68%)}.visual-top{position:absolute;top:16px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center}.mini-window{font:9px var(--mono);color:#a6bad9}.visual-badge{font:9px var(--mono);color:var(--green)}.mini-dashboard{display:flex;width:74%;height:125px;border:1px solid #3a5d8b;border-radius:7px;background:#0d1a2d;box-shadow:0 18px 50px #0005;overflow:hidden;transform:perspective(500px) rotateY(-7deg)}.dash-sidebar{width:30px;background:#11233d;border-right:1px solid #243e61;display:flex;align-items:center;flex-direction:column;gap:12px;padding-top:15px}.dash-sidebar i{width:8px;height:8px;background:#34547d;border-radius:2px}.dash-sidebar i:first-child{background:var(--blue)}.dash-main{flex:1;padding:15px}.dash-title{height:7px;width:50%;background:#a5c5f3;border-radius:4px;margin-bottom:15px}.dash-bars{display:flex;align-items:end;gap:8px;height:42px;border-bottom:1px solid #28415f;padding:0 7px}.dash-bars i{width:18%;border-radius:3px 3px 0 0;background:linear-gradient(#66b6ff,#3278f6);height:60%}.dash-bars i:nth-child(2){height:95%;background:linear-gradient(#72e0bd,#258e91)}.dash-bars i:nth-child(3){height:75%}.dash-cards{display:flex;gap:6px;margin-top:11px}.dash-cards i{height:17px;flex:1;background:#182c49;border-radius:3px}.visual-caption{position:absolute;bottom:14px;left:18px;font:8px var(--mono);letter-spacing:.14em;color:#7189ab}.visual-url{background:radial-gradient(ellipse at 50% 35%,#153f67,#0b1425 70%)}.url-mark{display:grid;place-items:center;width:68px;height:68px;border:1px solid #4e92c7;border-radius:19px;color:#9dd5ff;font-size:34px;box-shadow:0 0 55px #3278f633;transform:rotate(-8deg)}.url-lines{position:absolute;top:50px;right:16%;display:flex;flex-direction:column;gap:8px}.url-lines i{width:45px;height:4px;border-radius:4px;background:#345c84}.url-lines i:nth-child(2){width:30px}.url-lines i:nth-child(3){width:37px}.url-pill{position:absolute;bottom:44px;font:9px var(--mono);color:#8bb8e7;border:1px solid #294c70;padding:5px 10px;border-radius:30px}.visual-mobile{background:radial-gradient(ellipse at 50% 50%,#153c47,#0b1425 70%)}.phone-frame{width:76px;height:142px;border:2px solid #517b88;border-radius:15px;padding:6px;background:#07121c;box-shadow:0 15px 40px #0006;transform:rotate(5deg)}.phone-notch{height:5px;width:25px;border-radius:4px;background:#385763;margin:0 auto 8px}.phone-screen{background:#102532;height:calc(100% - 13px);border-radius:7px;padding:9px 7px}.app-logo{font-size:13px;font-weight:800;color:#e3f5f0;margin-bottom:11px}.app-logo span{color:#6ce0b5}.phone-line{display:block;height:4px;width:100%;background:#31515c;border-radius:3px;margin-bottom:5px}.phone-line.short{width:65%}.phone-tile{height:25px;background:#1b4d56;border-radius:4px;margin-top:10px}.phone-tile.small{height:17px;background:#203b4c;margin-top:6px}.project-body{padding:23px}.project-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--dim);font-size:9px}.status-label{color:var(--green);border:1px solid rgba(108,224,181,.25);border-radius:4px;padding:3px 6px;font-size:8px;letter-spacing:.04em}.project-body h3{font-size:20px;letter-spacing:-.04em;margin:13px 0 8px}.project-body p{color:var(--muted);font-size:12px;line-height:1.9;margin-bottom:16px}.project-tags{margin-bottom:18px}.project-links{font-size:10px;font-weight:700}.project-links a{color:var(--blue)}.project-links a span{color:var(--green)}.link-muted{color:var(--dim);font-size:10px}.note-line{margin:26px 0 0;color:var(--muted);font-size:11px}.note-line>span{color:var(--green);margin-right:7px}.note-line a{color:var(--blue)}
.timeline{margin-top:34px}.timeline-item{display:grid;grid-template-columns:140px 14px 1fr;gap:18px;position:relative;padding-bottom:30px}.timeline-item:not(:last-child):after{content:"";position:absolute;left:165px;top:13px;bottom:-2px;width:1px;background:var(--border)}.timeline-date{font:9px var(--mono);color:var(--dim);padding-top:1px}.timeline-now{display:inline-block;margin-left:4px;color:var(--green);font-size:8px}.timeline-marker{width:9px;height:9px;border:2px solid var(--blue);background:var(--bg);border-radius:50%;margin-top:5px;z-index:1}.timeline-body h3{font-size:14px}.timeline-org{color:var(--blue)!important;font-size:10px!important;margin-bottom:8px!important}.timeline-body p{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:0}.experience-panel{display:grid;grid-template-columns:42px 1fr;gap:15px;padding:23px;border:1px solid var(--border);border-radius:10px;background:linear-gradient(120deg,rgba(25,61,82,.25),rgba(12,20,34,.3));margin-top:18px}.experience-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:rgba(108,224,181,.1);color:var(--green)}.experience-panel .section-kicker{margin-bottom:7px}.experience-panel h3{font-size:14px;margin-bottom:8px}.experience-panel p:not(.section-kicker){font-size:11px;line-height:1.8;color:var(--muted);margin-bottom:13px}.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.learning-card{border:1px solid var(--border);border-radius:10px;padding:20px;background:rgba(15,25,42,.6)}.learning-number{font:10px var(--mono);color:var(--green);display:block;margin-bottom:23px}.learning-card h3{font-size:13px}.learning-card p{margin-bottom:12px}.learning-card a{font-size:10px;color:var(--blue);font-weight:700}
.contact-section{border-top:1px solid var(--border);background:radial-gradient(ellipse at 65% 70%,rgba(34,85,150,.12),transparent 42%)}.contact-inner{display:grid;grid-template-columns:180px 1fr;gap:55px}.contact-main{max-width:720px}.contact-main h2{font-size:clamp(38px,5vw,57px)}.contact-main .body-large{max-width:550px;font-size:14px}.email-button{margin:12px 0 30px}.contact-email{border-top:1px solid var(--border);padding:19px 0;display:flex;flex-direction:column;gap:5px}.contact-label{color:var(--dim)}.contact-email a{font-size:12px;color:#dce8f9;overflow-wrap:anywhere}.contact-socials{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--border)}.contact-socials a{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border);font-size:11px;color:var(--muted);margin-right:20px}.contact-socials a span:last-child{color:var(--green)}.contact-socials a:hover{color:var(--blue)}.footer{border-top:1px solid var(--border);padding:24px 0}.footer-inner{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.footer p{margin:0;color:var(--dim);font-size:10px;flex:1}.back-top,.copyright{font-size:10px;color:var(--dim)}.back-top:hover{color:var(--blue)}.copyright{width:100%;border-top:1px solid var(--border);padding-top:15px;margin-top:4px}
@media(min-width:1400px){.hero{min-height:740px}}@media(max-width:900px){.section{padding:85px 0}.hero{min-height:auto;padding:90px 0 100px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero-copy{max-width:690px}.hero-art{min-height:370px;max-width:600px;width:100%;margin:0 auto}.code-window{max-width:430px}.section-layout,.contact-inner{grid-template-columns:1fr;gap:22px}.section-label{padding-top:0}.section-label .label-line{max-width:70px}.section-content{max-width:760px}.project-featured{grid-column:span 2}.learning-grid{grid-template-columns:1fr 1fr}.learning-card:last-child{grid-column:span 2}}@media(max-width:620px){.container{width:min(100% - 36px,var(--container))}.nav{height:67px}.menu-toggle{display:block;z-index:2}.nav-links{display:none;position:absolute;top:66px;left:0;right:0;padding:18px 24px 23px;background:#0b1220;border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:13px 2px;border-bottom:1px solid var(--border)}.nav-links .nav-contact{margin-top:10px;text-align:center;border:1px solid var(--border);padding:12px}.hero{padding:76px 0 83px}.eyebrow{font-size:8px;letter-spacing:.09em;margin-bottom:22px}h1{font-size:clamp(39px,11vw,57px)}.hero-intro{font-size:13px}.hero-actions{gap:9px}.button{padding:12px 14px}.hero-art{min-height:320px}.code-window{width:100%;transform:rotate(-1deg)}.code-content{font-size:9px;padding:14px 8px}.line-no{width:22px;margin-right:8px}.floating-chip{font-size:8px;padding:7px 9px}.chip-top{right:-3px;top:25px}.chip-bottom{left:-2px;bottom:24px}.scroll-cue{bottom:20px;font-size:8px}.section{padding:72px 0}.section-content h2,.projects-heading h2{font-size:35px}.body-large{font-size:14px}.body-copy{font-size:12px}.skill-groups{grid-template-columns:1fr}.projects-heading{align-items:start;flex-direction:column}.project-grid{grid-template-columns:1fr}.project-featured{grid-column:auto;display:flex;flex-direction:column}.project-visual{min-height:200px}.project-body{padding:20px}.timeline-item{grid-template-columns:95px 12px 1fr;gap:10px}.timeline-item:not(:last-child):after{left:111px}.timeline-date{font-size:8px;line-height:1.7}.timeline-body h3{font-size:12px}.timeline-body p{font-size:10px}.timeline-now{display:block;margin:4px 0 0}.experience-panel{padding:17px;grid-template-columns:32px 1fr;gap:12px}.experience-icon{width:30px;height:30px}.learning-grid{grid-template-columns:1fr}.learning-card:last-child{grid-column:auto}.learning-number{margin-bottom:12px}.contact-socials{grid-template-columns:1fr 1fr}.footer-inner{gap:13px}.footer p{flex-basis:100%;order:3}.back-top{margin-left:auto}.copyright{order:4}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}