:root{color:#f4f2fa;font-synthesis:none;text-rendering:optimizelegibility;font-smooth:always;--bg:#0b0b12;--surface:#11111b;--surface2:#151522;--text:#f4f2fa;--muted:#a09daf;--line:#ffffff17;--accent:#a78bfa;--accent2:#6d8cff;--green:#7ce4b1;--mono:"DM Mono",monospace;background:#0b0b12;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.app{--bg:#0b0b12;--surface:#13131ec7;--surface2:#151522;--text:#f4f2fa;--muted:#a09daf;--line:#ffffff17;--field:#0d0d16;background:var(--bg);min-height:100vh;color:var(--text);transition:background .3s,color .3s;position:relative;overflow:hidden}.app.light{--bg:#f7f7fb;--surface:#ffffffd9;--surface2:#fff;--text:#171625;--muted:#656477;--line:#1e193c1f;--field:#fff}.ambient{pointer-events:none;filter:blur(90px);opacity:.2;z-index:0;border-radius:50%;position:absolute}.ambient-one{background:#7447e8;width:400px;height:400px;top:40px;left:-260px}.ambient-two{background:#3865ce;width:420px;height:420px;top:600px;right:-300px}.section-wrap,.navbar{z-index:1;width:min(1160px,100% - 64px);margin-inline:auto;position:relative}.navbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:84px;display:flex}.brand{letter-spacing:1.3px;align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.brand-mark{color:#fff;letter-spacing:-1px;background:linear-gradient(135deg,#a78bfa,#6378f5);border-radius:11px;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.brand-muted{color:var(--muted);font-weight:600}.nav-links{align-items:center;gap:34px;display:flex}.nav-links>a{color:var(--muted);font-size:12px;font-weight:700;transition:all .2s}.nav-links>a:hover{color:var(--text)}.nav-links .nav-contact{color:var(--text);border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;padding:11px 15px;display:flex}.nav-actions{gap:8px;display:flex}.icon-btn{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.menu-toggle{display:none}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:55px;min-height:690px;padding-top:45px;padding-bottom:100px;display:grid}.availability{font:10px var(--mono);letter-spacing:1.1px;color:var(--green);align-items:center;gap:10px;margin-bottom:38px;display:flex}.status-dot{background:#64dda0;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 12px #64dda0}.availability-line{background:var(--line);width:44px;height:1px}.hero-kicker,.eyebrow{font:10px var(--mono);letter-spacing:1.5px;color:var(--accent);font-weight:500}.hero h1{letter-spacing:-4px;margin:18px 0 22px;font-size:clamp(48px,6.1vw,78px);font-weight:800;line-height:1.08}.gradient-text{background:linear-gradient(100deg,#b99cff 0%,#8e9bff 50%,#6fd9d0 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-description{max-width:500px;color:var(--muted);font-size:15px;line-height:1.9}.hero-buttons{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.btn{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:13px 17px;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-3px)}.btn-primary{color:#fff;background:linear-gradient(110deg,#9875f4,#687ff0);box-shadow:0 9px 30px #7865df30}.btn-primary:hover{box-shadow:0 12px 35px #7865df55}.btn-ghost{border-color:var(--line);color:var(--text);background:var(--surface)}.hero-socials{flex-wrap:wrap;gap:23px;margin-top:48px;display:flex}.hero-socials a,.hero-socials span{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.hero-socials a:hover{color:var(--accent)}.hero-visual{place-items:center;height:440px;display:grid;position:relative}.code-window{z-index:2;background:#10101a;border:1px solid #ffffff1b;border-radius:16px;width:min(100%,460px);position:relative;overflow:hidden;transform:perspective(900px)rotateY(-5deg)rotateX(2deg);box-shadow:0 35px 90px #0008,0 0 60px #8b6cf41a}.window-top,.window-footer{color:#77768b;height:43px;font:10px var(--mono);border-bottom:1px solid #ffffff10;justify-content:space-between;align-items:center;padding:0 17px;display:flex}.window-dots{gap:5px;display:flex}.window-dots i{background:#fa7777;border-radius:50%;width:7px;height:7px}.window-dots i:nth-child(2){background:#e9be69}.window-dots i:nth-child(3){background:#69d49c}.window-lock{color:#65dba4}.code-content{color:#d9d5e7;font:12px/2.15 var(--mono);min-height:275px;padding:24px 18px 20px}.line-no{color:#555468;-webkit-user-select:none;user-select:none;width:28px;display:inline-block}.code-purple{color:#c49aff}.code-blue{color:#86b9ff}.code-green{color:#8be0bd}.code-orange{color:#f3b77e}.window-footer{border-top:1px solid #ffffff10;border-bottom:0;font-size:9px}.window-footer span:first-child{align-items:center;gap:7px;display:flex}.cursor-block{vertical-align:middle;background:#a78bfa;width:7px;height:14px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.visual-orbit{border:1px solid #9b86ff22;border-radius:50%;width:440px;height:440px;position:absolute}.orbit-b{opacity:.45;border-style:dashed;width:520px;height:520px}.float-chip{z-index:3;color:#e9e6f3;background:#191927;border:1px solid #ffffff1c;border-radius:10px;align-items:center;gap:8px;padding:11px 14px;font-size:11px;font-weight:700;display:flex;position:absolute;box-shadow:0 10px 30px #0005}.float-chip span{color:#a78bfa;font-size:17px}.chip-react{top:45px;left:2px}.chip-node{top:130px;right:-8px}.chip-mongo{bottom:42px;left:5px}.hero-orb{color:#fff;background:linear-gradient(135deg,#9373ef,#557ce8);border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;bottom:35px;right:25px;box-shadow:0 0 35px #8668ee80}.scroll-hint{color:var(--muted);font:9px var(--mono);letter-spacing:1.2px;align-items:center;gap:13px;display:flex;position:absolute;bottom:38px;left:0}.scroll-hint svg{color:var(--accent);animation:1.8s ease-in-out infinite float}@keyframes float{50%{transform:translateY(5px)}}section:not(.hero){padding-top:100px;padding-bottom:65px}.section-title{max-width:660px;margin-bottom:43px}.section-title h2{letter-spacing:-2px;margin:14px 0;font-size:clamp(32px,4vw,47px);line-height:1.15}.section-title p{color:var(--muted);max-width:550px;font-size:13px;line-height:1.8}.glass-card{background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:15px}.about-grid{grid-template-columns:1.65fr .85fr;gap:17px;display:grid}.about-main{padding:32px}.card-index{font:9px var(--mono);color:var(--muted);letter-spacing:1px}.about-main h3{letter-spacing:-.8px;margin:26px 0 15px;font-size:25px}.about-main p{color:var(--muted);font-size:13px;line-height:1.95}.about-tags{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.about-tags span,.skill-pills span,.project-stack span{border:1px solid var(--line);font:10px var(--mono);color:var(--muted);border-radius:6px;padding:7px 10px}.about-side{gap:13px;display:grid}.mini-stat{grid-template-columns:38px 1fr;align-items:center;column-gap:12px;padding:20px 23px;display:grid}.stat-icon,.skill-icon,.cert-icon{width:37px;height:37px;color:var(--accent);background:#9276f51b;border-radius:10px;place-items:center;display:grid}.mini-stat strong{letter-spacing:-1px;font-size:22px}.mini-stat>span:last-child{color:var(--muted);grid-column:2;margin-top:-3px;font-size:10px}.skills-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.skill-card{padding:22px;transition:transform .25s,border-color .25s}.skill-card:hover,.cert-card:hover{border-color:#a78bfa55;transform:translateY(-4px)}.skill-card-top{justify-content:space-between;align-items:center;display:flex}.skill-card h3{margin:20px 0 14px;font-size:15px}.skill-pills{flex-wrap:wrap;gap:7px;display:flex}.skill-pills span{background:var(--field);padding:6px 8px;font-size:9px}.services-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.service-item{border-bottom:1px solid var(--line);gap:19px;min-height:150px;padding:27px 18px 27px 0;display:flex;position:relative}.service-item:nth-child(odd){border-right:1px solid var(--line);padding-right:28px}.service-item:nth-child(2n){padding-left:28px}.service-icon{border:1px solid var(--line);width:42px;height:42px;color:var(--accent);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.service-number{font:9px var(--mono);color:var(--muted)}.service-item h3{margin:8px 0;font-size:15px}.service-item p{color:var(--muted);max-width:310px;font-size:11px;line-height:1.8}.service-arrow{color:var(--muted);width:17px;margin-left:auto}.project-list{border-top:1px solid var(--line)}.project-card{border-bottom:1px solid var(--line);grid-template-columns:65px 1fr 180px;align-items:center;gap:20px;padding:29px 8px;transition:background .25s;display:grid}.project-card:hover{background:linear-gradient(90deg,#a78bfa0b,#0000)}.project-number{font:12px var(--mono);color:var(--muted)}.project-info .eyebrow{font-size:8px}.project-info h3{letter-spacing:-.8px;margin:8px 0;font-size:24px}.project-info p{color:var(--muted);margin:0 0 15px;font-size:12px;line-height:1.7}.project-stack{flex-wrap:wrap;gap:6px;display:flex}.project-stack span{padding:5px 8px;font-size:9px}.project-side{justify-content:flex-end;align-items:center;gap:17px;display:flex}.project-period{font:9px var(--mono);color:var(--muted);text-align:right}.round-link{border:1px solid var(--line);background:var(--surface);width:42px;height:42px;color:var(--text);border-radius:50%;flex-shrink:0;place-items:center;transition:all .25s;display:grid}.round-link:hover{color:#fff;background:#9875f4;transform:rotate(45deg)}.project-note{color:var(--muted);align-items:center;gap:8px;margin-top:25px;font-size:11px;display:flex}.project-note a{color:var(--accent);align-items:center;gap:4px;display:flex}.journey-grid{grid-template-columns:1fr 1fr;gap:65px;display:grid}.subsection-heading{align-items:center;gap:11px;margin-bottom:25px;display:flex}.subsection-heading svg{color:var(--accent)}.subsection-heading h3{margin:0;font-size:18px}.timeline{border-left:1px solid #a78bfa55;margin-left:6px;padding-left:23px}.timeline-item{padding:0 0 29px;position:relative}.timeline-dot{background:#a78bfa;border-radius:50%;width:9px;height:9px;position:absolute;top:3px;left:-28px;box-shadow:0 0 0 5px #a78bfa20}.timeline-date{font:9px var(--mono);color:var(--accent)}.timeline-item h4{margin:9px 0 5px;font-size:13px}.timeline-item p{color:var(--muted);max-width:330px;margin:0;font-size:11px;line-height:1.6}.timeline-score{color:var(--green);font:10px var(--mono);margin-top:8px;display:inline-block}.cert-list{gap:11px;display:grid}.cert-card{padding:17px;transition:all .25s}.cert-top{justify-content:space-between;align-items:center;display:flex}.cert-top>span:last-child{font:9px var(--mono);color:var(--muted)}.cert-card h4{margin:13px 0 5px;font-size:12px}.cert-issuer{color:var(--accent)!important}.cert-card p{color:var(--muted);margin:5px 0;font-size:10px;line-height:1.7}.contact{padding-bottom:100px!important}.contact-panel{background:radial-gradient(ellipse at 0 0,#8668ee19,transparent 50%),var(--surface);border:1px solid #a78bfa3a;border-radius:20px;grid-template-columns:1fr .85fr;gap:60px;padding:48px;display:grid;box-shadow:0 20px 70px #0002}.contact-copy h2{letter-spacing:-2px;margin:18px 0;font-size:clamp(34px,4vw,48px);line-height:1.15}.contact-copy>p{color:var(--muted);max-width:430px;font-size:12px;line-height:1.9}.contact-links{gap:15px;margin-top:38px;display:grid}.contact-links a{color:var(--muted);align-items:center;gap:12px;width:max-content;max-width:100%;font-size:11px;display:flex}.contact-links a svg:first-child{color:var(--accent)}.contact-links a svg:last-child{opacity:.5}.contact-form{gap:15px;display:grid}.contact-form label{color:var(--muted);gap:8px;font-size:10px;font-weight:700;display:grid}.contact-form input,.contact-form textarea{background:var(--field);border:1px solid var(--line);width:100%;color:var(--text);resize:vertical;border-radius:8px;outline:none;padding:12px 13px;font-size:11px}.contact-form input:focus,.contact-form textarea:focus{border-color:#a78bfa88;box-shadow:0 0 0 3px #a78bfa15}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#777487}.submit-btn{width:max-content}.submit-btn:disabled{opacity:.6;cursor:wait}.form-success,.form-error{align-items:center;gap:7px;font-size:10px;display:flex}.form-success{color:var(--green)}.form-error{color:#f99}.footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;min-height:100px;display:flex}.footer>span{color:var(--muted);font-size:10px}.heart{color:#e889aa}.footer-social{gap:9px;display:flex}.footer-social a{border:1px solid var(--line);width:31px;height:31px;color:var(--muted);border-radius:8px;place-items:center;display:grid}.footer-social svg{width:14px}.copyright{font:9px var(--mono)!important}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#05050bd9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.project-modal{background:var(--surface2);width:min(590px,100%);max-height:90vh;padding:36px;position:relative;overflow:auto;box-shadow:0 30px 100px #0008}.modal-close{position:absolute;top:17px;right:17px}.project-modal h2{letter-spacing:-1.5px;margin:15px 0;font-size:34px}.modal-description{color:var(--muted);font-size:12px;line-height:1.9}.project-modal h4{margin:25px 0 12px;font-size:11px}.project-modal ul{gap:9px;padding:0;list-style:none;display:grid}.project-modal li{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.project-modal li svg{color:var(--accent)}.modal-actions{flex-wrap:wrap;gap:10px;margin-top:27px;display:flex}.modal-hint{color:var(--muted);margin-top:20px;font-size:9px;line-height:1.7}.modal-hint code{color:var(--accent)}.back-top{z-index:5;color:#fff;background:#9276f5;border-radius:12px;place-items:center;width:40px;height:40px;display:grid;position:fixed;bottom:22px;right:22px;transform:rotate(-45deg);box-shadow:0 8px 25px #0004}@media (width<=900px){.hero{gap:25px;min-height:620px}.hero h1{font-size:58px}.hero-visual{transform:scale(.9)}.journey-grid{gap:30px}.contact-panel{gap:30px;padding:35px}.nav-links{gap:20px}}@media (width<=700px){.section-wrap,.navbar{width:calc(100% - 38px)}.navbar{height:72px}.menu-toggle{display:grid}.nav-links{background:var(--surface2);border:1px solid var(--line);z-index:10;border-radius:13px;align-items:stretch;gap:0;padding:18px;display:none;position:absolute;top:64px;left:0;right:0;box-shadow:0 20px 50px #0005}.nav-links.open{flex-direction:column;display:flex}.nav-links>a{padding:13px 8px}.nav-links .nav-contact{justify-content:center;margin-top:8px}.hero{grid-template-columns:1fr;gap:10px;padding-top:70px;padding-bottom:85px}.hero h1{letter-spacing:-3px;font-size:clamp(48px,12vw,68px)}.hero-description{font-size:13px}.hero-visual{height:370px;margin:0 -15px;transform:scale(.92)}.code-window{width:88%}.visual-orbit{width:340px;height:340px}.orbit-b{width:390px;height:390px}.chip-react{left:2%}.chip-node{right:1%}.chip-mongo{left:3%}.scroll-hint{bottom:25px}.section-title h2{font-size:35px}.section-title{margin-bottom:30px}.about-grid,.journey-grid,.contact-panel{grid-template-columns:1fr}.about-side{grid-template-columns:repeat(3,1fr)}.mini-stat{flex-direction:column;align-items:flex-start;gap:7px;padding:14px 10px;display:flex}.mini-stat strong{font-size:18px}.mini-stat>span:last-child{font-size:9px}.skills-grid{grid-template-columns:1fr 1fr}.services-grid{grid-template-columns:1fr}.service-item:nth-child(odd){border-right:0;padding-right:0}.service-item:nth-child(2n){padding-left:0}.project-card{grid-template-columns:35px 1fr 45px;gap:10px;padding:23px 0}.project-info h3{font-size:20px}.project-info p{font-size:11px}.project-side{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.project-period{font-size:8px}.round-link{width:36px;height:36px}.project-stack span{font-size:8px}.contact-panel{gap:28px;padding:27px 21px}.contact-copy h2{font-size:37px}.footer{text-align:center;justify-content:center;padding:25px 0}.footer .brand{justify-content:center;width:100%}.footer-social{order:3}.copyright{width:100%}.project-modal{padding:29px 22px}.back-top{bottom:14px;right:13px}}@media (width<=420px){.skills-grid{grid-template-columns:1fr}.hero-socials{gap:14px}.hero-socials a,.hero-socials span{font-size:10px}.hero-visual{margin-inline:-35px;transform:scale(.82)}.about-main{padding:24px}.project-number{font-size:10px}.project-info .eyebrow{font-size:7px}.project-info h3{font-size:18px}.project-side{gap:7px}.project-period{max-width:90px}.about-side{gap:7px}.mini-stat{padding:11px 8px}}.project-card[role=button]{cursor:pointer}.project-card[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.modal-stack-groups{gap:12px;display:grid}.modal-stack-group h4{margin-bottom:8px}.modal-stack-group ul{margin:0}.project-modal h4{margin:16px 0 9px}.project-modal-featured{width:min(760px,100%);padding:30px}.project-modal-featured .modal-description{border:1px solid #a78bfa30;border-left:3px solid var(--accent);max-width:680px;color:var(--text);background:linear-gradient(110deg,#a78bfa12,#6d8cff08);border-radius:10px;margin:0 0 18px;padding:15px 17px;font-size:13px}.project-modal-featured .modal-section-title{margin:0 0 10px}.modal-feature-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;display:grid}.modal-feature-list li{border:1px solid var(--line);background:var(--surface);border-radius:9px;align-items:flex-start;padding:10px 11px;line-height:1.55}.modal-feature-list li svg{flex:none;margin-top:1px}.project-modal-featured .modal-stack-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.project-modal-featured section.modal-stack-group{border:1px solid var(--line);background:var(--surface);border-radius:11px;margin:0;padding:14px}.project-modal-featured .modal-stack-group h4{margin:0 0 9px;font-size:12px}.project-modal-featured .modal-stack-group ul{gap:6px}.project-modal-featured .modal-stack-group li{align-items:flex-start;font-size:10px;line-height:1.55}.project-modal-featured .modal-actions{margin-top:18px}.project-modal-featured .modal-stack-group{transition:border-color .2s,transform .2s}.project-modal-featured .modal-stack-group:hover{border-color:#a78bfa66;transform:translateY(-2px)}@media (width<=700px){.project-modal-featured{padding:27px 20px}.modal-feature-list,.project-modal-featured .modal-stack-groups{grid-template-columns:1fr}}.project-modal{scrollbar-color:#6e61a6 #12111b;scrollbar-width:thin}.project-modal::-webkit-scrollbar{width:7px}.project-modal::-webkit-scrollbar-track{background:#12111b;border-radius:8px}.project-modal::-webkit-scrollbar-thumb{background:#6e61a6;border-radius:8px}.cert-card-link{color:inherit;cursor:pointer;text-decoration:none;display:block}.cert-card-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.cert-top>span:last-child{align-items:center;gap:6px;display:flex}.service-item[role=button]{cursor:pointer;transition:background .2s,border-color .2s}.service-item[role=button]:hover{background:linear-gradient(90deg,#a78bfa10,#0000);border-color:#a78bfa33}.service-item[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:3px;z-index:2}.service-modal{background:var(--surface2);width:min(560px,100%);max-height:90vh;padding:32px;position:relative;overflow:auto;box-shadow:0 30px 100px #0008}.service-modal-heading{align-items:center;gap:14px;padding-right:45px;display:flex}.service-modal-heading .service-icon{flex:none;width:48px;height:48px}.service-modal-heading h2{letter-spacing:-.8px;margin:6px 0 0;font-size:26px}.service-modal-explanation{border:1px solid #a78bfa30;border-left:3px solid var(--accent);color:var(--text);background:linear-gradient(110deg,#a78bfa12,#6d8cff08);border-radius:10px;margin:22px 0 0;padding:16px;font-size:13px;line-height:1.8}.service-modal h3{margin:24px 0 10px;font-size:13px}.service-modal-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.service-modal-list li{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:9px;align-items:flex-start;gap:9px;padding:11px 12px;font-size:12px;line-height:1.6;display:flex}.service-modal-list li svg{color:var(--accent);flex:none;margin-top:1px}@media (width<=700px){.service-modal{padding:27px 20px}.service-modal-heading h2{font-size:22px}}.skill-card[role=button]{cursor:pointer}.skill-card[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:3px;z-index:2}.skill-explanation-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.skill-explanation-list li{border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:11px 12px}.skill-explanation-list strong{color:var(--text);margin-bottom:5px;font-size:11px;display:block}.skill-explanation-list p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}@media (width<=700px){.skill-explanation-list{grid-template-columns:1fr}}.goals-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.goal-card{padding:26px;transition:transform .25s,border-color .25s;position:relative;overflow:hidden}.goal-card:before{content:"";background:linear-gradient(#a78bfa,#6d8cff,#6fd9d0);width:3px;position:absolute;inset:0 auto 0 0}.goal-card:hover{border-color:#a78bfa55;transform:translateY(-3px)}.goal-card-top{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.goal-icon{width:42px;height:42px;color:var(--accent);background:#9276f51b;border:1px solid #a78bfa33;border-radius:11px;place-items:center;display:grid}.goal-card h3{margin:0 0 11px;font-size:17px}.goal-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.9}@media (width<=700px){.goals-grid{grid-template-columns:1fr}.goal-card{padding:23px}}.goal-card{text-align:left;background:var(--surface);cursor:pointer;padding:0;display:block}.goal-card:before{display:none}.goal-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.goal-card-image{background:var(--surface2);height:190px;overflow:hidden}.goal-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.goal-card:hover .goal-card-image img{transform:scale(1.035)}.goal-card-content{padding:19px 23px 22px}.goal-card-content h3{margin:8px 0 10px;font-size:18px}.goal-card-prompt{color:var(--accent);font:9px var(--mono);letter-spacing:.7px;text-transform:uppercase}.goal-modal{background:var(--surface2);width:min(680px,100%);max-height:90vh;padding:0;position:relative;overflow:auto;box-shadow:0 30px 100px #0008}.goal-modal .modal-close{z-index:2;color:#fff;background:#11111bd9}.goal-modal-hero{background:var(--surface);height:205px;position:relative;overflow:hidden}.goal-modal-hero img{object-fit:cover;width:100%;height:100%;display:block}.goal-modal-label{color:#d9ceff;font:9px var(--mono);letter-spacing:1px;background:#10101acc;border:1px solid #ffffff30;border-radius:7px;padding:8px 11px;position:absolute;bottom:18px;left:25px}.goal-modal-content{padding:24px 29px 30px}.goal-modal-content h2{letter-spacing:-1px;margin:8px 0 14px;font-size:29px}.goal-modal-summary{border:1px solid #a78bfa30;border-left:3px solid var(--accent);color:var(--text);background:linear-gradient(110deg,#a78bfa12,#6d8cff08);border-radius:10px;margin:0;padding:15px 16px;font-size:12px;line-height:1.85}.goal-modal-content h3{margin:22px 0 10px;font-size:13px}.goal-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.goal-focus-item{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:flex-start;gap:11px;padding:12px;display:flex}.goal-focus-item>span{width:27px;height:27px;color:var(--accent);font:9px var(--mono);background:#9276f51b;border-radius:8px;flex:none;place-items:center;display:grid}.goal-focus-item p{color:var(--muted);margin:2px 0 0;font-size:11px;line-height:1.6}@media (width<=700px){.goal-card-image{height:170px}.goal-modal-hero{height:160px}.goal-modal-content{padding:20px}.goal-modal-content h2{font-size:24px}.goal-focus-grid{grid-template-columns:1fr}}.project-card{grid-template-columns:52px 128px minmax(0,1fr) 180px}.project-image{object-fit:cover;border:1px solid var(--line);background:var(--surface2);border-radius:11px;width:128px;height:94px;display:block}@media (width<=700px){.project-card{grid-template-columns:28px 68px minmax(0,1fr) 38px;gap:8px}.project-image{border-radius:9px;width:68px;height:68px}}.service-copy{padding-right:122px}.service-illustration{object-fit:cover;border:1px solid var(--line);background:var(--surface2);opacity:.95;border-radius:11px;width:102px;height:78px;transition:transform .25s,opacity .25s;position:absolute;top:50%;right:49px;transform:translateY(-50%)}.service-item[role=button]:hover .service-illustration{opacity:1;transform:translateY(-50%)scale(1.04)}@media (width<=700px){.service-copy{padding-right:84px}.service-illustration{border-radius:9px;width:70px;height:60px;right:37px}}.skill-illustration{object-fit:cover;border:1px solid var(--line);background:var(--surface2);border-radius:10px;width:102px;height:68px;box-shadow:0 6px 20px #0002}.skill-card h3{margin-top:14px}@media (width<=420px){.skill-illustration{width:92px;height:62px}}@media (width<=700px){.navbar{z-index:20}.nav-links{background-color:var(--surface2);opacity:1}.project-card{grid-template-columns:28px 68px minmax(0,1fr);grid-template-areas:"number image info""number image side";gap:12px 8px;padding:20px 0}.project-number{grid-area:number}.project-image{grid-area:image;width:68px;height:68px}.project-info{grid-area:info;min-width:0}.project-side{flex-direction:row;grid-area:side;justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.project-period{text-align:left;max-width:none;font-size:9px}.round-link{width:36px;height:36px}}.nav-links .nav-beyond-work{border:1px solid var(--line);color:var(--text);border-radius:8px;justify-content:center;align-items:center;padding:11px 15px;transition:background .2s,border-color .2s;display:flex}.nav-links .nav-beyond-work:hover{color:var(--text);background:#a78bfa12;border-color:#a78bfa66}.hobbies-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.hobby-card{min-width:0;padding:25px}.hobby-heading{align-items:center;gap:14px;margin-bottom:18px;display:flex}.hobby-icon{width:46px;height:46px;color:var(--accent);background:#9276f51b;border:1px solid #a78bfa30;border-radius:14px;flex:0 0 46px;place-items:center;display:grid}.hobby-heading h3{margin:5px 0 3px;font-size:18px}.hobby-subtitle{color:var(--accent);font-size:11px;font-weight:700}.hobby-card>p{color:var(--muted);margin:0;font-size:12px;line-height:1.9}@media (width<=700px){.nav-links .nav-beyond-work{margin-top:8px}.hobbies-grid{grid-template-columns:1fr}.hobby-card{padding:21px}.hobby-card>p{font-size:11px;line-height:1.85}}.hobby-card{text-align:left;background:var(--surface);cursor:pointer;min-width:0;padding:0;transition:transform .25s,border-color .25s;overflow:hidden}.hobby-card:hover{border-color:#a78bfa55;transform:translateY(-4px)}.hobby-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hobby-image{background:var(--surface2);height:190px;position:relative;overflow:hidden}.hobby-image img,.hobby-modal-image img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.hobby-card:hover .hobby-image img{transform:scale(1.035)}.hobby-image-icon{color:#c6b6ff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10101ae6;border:1px solid #ffffff30;border-radius:12px;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:14px;right:14px}.hobby-preview{padding:18px 22px 21px}.hobby-preview h3{margin:8px 0 4px;font-size:18px}.hobby-subtitle{display:block}.hobby-open{color:var(--accent);font:9px var(--mono);letter-spacing:.5px;text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:16px;display:flex}.hobby-modal{background:var(--surface2);width:min(620px,100%);max-height:90vh;padding:0;position:relative;overflow:auto;box-shadow:0 30px 100px #0008}.hobby-modal .modal-close{z-index:2;color:#fff;background:#11111bd9}.hobby-modal-image{background:var(--surface);height:220px;position:relative;overflow:hidden}.hobby-modal-content{padding:23px 28px 29px}.hobby-modal-content h2{margin:7px 0 4px;font-size:27px}.hobby-modal-content>p{color:var(--muted);margin:17px 0 0;font-size:12px;line-height:1.9}@media (width<=700px){.hobby-image{height:175px}.hobby-preview{padding:17px 19px 19px}.hobby-modal-image{height:165px}.hobby-modal-content{padding:20px}.hobby-modal-content h2{font-size:23px}.hobby-modal-content>p{font-size:11px;line-height:1.85}}.about-grid{grid-template-columns:minmax(0,1.55fr) minmax(220px,.8fr) minmax(190px,.65fr);align-items:stretch}.about-portrait{min-width:0;min-height:100%;margin:0;padding:0;position:relative;overflow:hidden}.about-portrait img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.about-portrait:after{content:"";background:linear-gradient(#0000,#0b0b12eb);position:absolute;inset:35% 0 0}.about-portrait figcaption{z-index:1;gap:5px;display:grid;position:absolute;bottom:20px;left:20px;right:20px}.about-portrait figcaption strong{letter-spacing:-.3px;font-size:17px}.about-portrait figcaption span{color:#d3cfe0;font-size:11px}@media (width<=900px){.about-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-main{grid-column:1/-1}.about-portrait{min-height:380px}.about-side{grid-template-columns:1fr;align-content:stretch}}@media (width<=700px){.about-grid{grid-template-columns:1fr}.about-main{grid-column:auto}.about-portrait{min-height:360px}}