:root{--header-height: 60px;--bg-primary: #111020;--bg-secondary: #1a1830;--bg-card: #211d3a;--bg-card-soft: #282344;--purple-primary: #a78bfa;--purple-light: #c4b5fd;--purple-soft: #ddd6fe;--purple-muted: #8b5cf6;--text-primary: #f8f7ff;--text-secondary: #c7c4d9;--border-color: #7c3aed;--success: #22c55e;--shadow: 0 18px 55px rgba(5, 4, 14, .36);color:var(--text-primary);background:var(--bg-primary);font-family:Inter,system-ui,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;background:radial-gradient(circle at 12% 0%,rgba(167,139,250,.18),transparent 28rem),radial-gradient(circle at 88% 12%,rgba(124,58,237,.18),transparent 26rem),linear-gradient(180deg,var(--bg-primary),#141226 42%,var(--bg-primary))}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";opacity:.12;background-image:linear-gradient(rgba(221,214,254,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(221,214,254,.28) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 84%);mask-image:linear-gradient(to bottom,#000,transparent 84%)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}main{overflow:hidden;padding-top:var(--header-height)}.logo,h1,h2,.section-kicker,.eyebrow,.footer-mark{font-family:Pixelify Sans,Inter,sans-serif}.site-header{position:fixed;top:0;right:0;left:0;z-index:30;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;min-height:76px;padding:0 2rem;border-bottom:1px solid rgba(196,181,253,.18);background:#111020e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.logo{display:inline-flex;gap:.55rem;align-items:center;color:var(--purple-soft);font-size:clamp(1.08rem,2vw,1.38rem);font-weight:700;white-space:nowrap}.logo-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(196,181,253,.22);border-radius:8px;color:var(--purple-light);background:#a78bfa1a;font-size:.78rem;font-weight:900}.nav-menu{display:flex;gap:.2rem;justify-content:center}.nav-menu a,.header-action{border-radius:8px;padding:.58rem .72rem;color:var(--text-secondary);font-size:.9rem;font-weight:800;transition:color .18s ease,background .18s ease,transform .18s ease}.nav-menu a:hover,.header-action:hover{color:var(--text-primary);background:#a78bfa1f;transform:translateY(-1px)}.header-action{border:1px solid rgba(196,181,253,.34);color:var(--purple-soft);background:#211d3ac7;white-space:nowrap}.menu-toggle{display:none;width:42px;height:42px;border:1px solid rgba(196,181,253,.34);border-radius:8px;background:#211d3ac7;cursor:pointer}.menu-toggle span{display:block;width:18px;height:2px;margin:4px auto;background:var(--purple-soft)}.section{padding:clamp(4.5rem,8vw,7rem) 1.25rem;scroll-margin-top:92px}.section-shell{width:min(1120px,100%);margin:0 auto}.section-heading{max-width:720px;margin:0 auto 2.2rem;text-align:center}.section-kicker{display:inline-flex;margin-bottom:.65rem;border:1px solid rgba(196,181,253,.28);border-radius:8px;padding:.32rem .54rem;color:var(--purple-light);background:#a78bfa1a;font-weight:700}.section-heading h2{margin:0;color:var(--text-primary);font-size:clamp(2rem,5vw,3.5rem);line-height:.95}.section-heading p{margin:.8rem 0 0;color:var(--text-secondary)}.pixel-card{position:relative;border:1px solid rgba(196,181,253,.22);border-radius:12px;background:linear-gradient(135deg,rgba(221,214,254,.055),transparent 42%),var(--bg-card);box-shadow:var(--shadow)}.pixel-card:after{position:absolute;top:1rem;right:1rem;width:8px;height:8px;content:"";background:var(--purple-light);box-shadow:8px 0 #c4b5fd8c,0 8px #8b5cf6bd}.hero{position:relative;min-height:calc(100vh - 76px);display:grid;align-items:center;padding-top:clamp(4rem,7vw,6rem)}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.82fr);gap:clamp(2rem,6vw,5rem);align-items:center}.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.45fr);gap:clamp(1.5rem,5vw,3rem);align-items:center}.eyebrow{display:inline-flex;margin-bottom:1rem;border:1px solid rgba(196,181,253,.3);border-radius:8px;padding:.5rem .65rem;color:var(--purple-light);background:#a78bfa17;font-size:1rem;font-weight:700}.hero h1{max-width:740px;margin:0 0 1rem;color:var(--text-primary);font-size:clamp(3rem,8vw,6.6rem);line-height:.88}.hero-subtitle{margin:0 0 .8rem;color:var(--purple-soft);font-size:clamp(1.18rem,2.2vw,1.55rem);font-weight:800}.hero-description{max-width:690px;margin:0;color:var(--text-secondary);font-size:1.02rem}.hero-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:.75rem;align-items:stretch;border:1px solid rgba(196,181,253,.16);border-radius:16px;padding:.75rem;background:#211d3a73}.hero-strip>div,.hero-strip code{min-width:0;border:1px solid rgba(196,181,253,.12);border-radius:12px;padding:.9rem 1rem;background:#11102061}.strip-label{display:block;margin-bottom:.2rem;color:var(--purple-light);font-size:.72rem;font-weight:900;text-transform:uppercase}.hero-strip strong{display:block;color:var(--text-primary);font-size:.95rem;line-height:1.25}.hero-strip code{display:grid;place-items:center;color:var(--purple-soft);font-family:Pixelify Sans,monospace;font-size:1rem;white-space:nowrap}.hero-actions,.project-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.7rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;border:1px solid transparent;border-radius:8px;padding:.72rem 1rem;cursor:pointer;font-weight:900;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover,.pixel-card:hover,.cert-card:hover,.skill-pill:hover{transform:translateY(-4px)}.btn-primary{color:#171127;background:var(--purple-light);box-shadow:5px 5px #7c3aed9e}.btn-secondary{border-color:#c4b5fd59;color:var(--purple-soft);background:#211d3ad1}.btn-small{min-height:38px;padding:.56rem .75rem;font-size:.88rem}.hero-badges,.badge-list,.tag-list,.skill-list{display:flex;flex-wrap:wrap;gap:.62rem}.hero-badges{margin-top:1.4rem}.hero-badges span,.badge,.tag-list span,.skill-pill{border:1px solid rgba(196,181,253,.24);border-radius:8px;padding:.46rem .62rem;color:var(--purple-soft);background:#a78bfa1a;font-size:.88rem;font-weight:800}.floating-pixel{position:absolute;color:var(--purple-light);animation:floaty 4.8s ease-in-out infinite;opacity:.72}.star-one{top:15%;left:5%;font-size:1.8rem}.star-two{right:7%;bottom:24%;font-size:1.5rem;animation-delay:-1.7s}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.about-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);gap:1rem}.about-card,.info-card,.skill-group,.project-content,.timeline-card,.education-card,.contact-card,.contact-form{padding:clamp(1.15rem,3vw,1.55rem)}.about-card p,.project-card p,.timeline-card p,.education-card p{margin:0;color:var(--text-secondary)}.badge-list{margin-top:1.2rem}.info-card dl{display:grid;gap:.95rem;margin:0}.info-card div{border-bottom:1px dotted rgba(196,181,253,.24);padding-bottom:.8rem}.info-card dt{color:var(--purple-light);font-size:.83rem;font-weight:900;text-transform:uppercase}.info-card dd{margin:.18rem 0 0;color:var(--text-primary);font-weight:700;overflow-wrap:anywhere}.info-card a,.contact-icon-link{color:var(--purple-soft)}.skill-groups{display:grid;grid-template-columns:1.3fr .85fr 1fr;gap:1rem}.skill-group{transition:transform .18s ease,border-color .18s ease}.skill-group:hover,.project-card:hover,.timeline-card:hover,.education-card:hover,.contact-card:hover,.contact-form:hover{border-color:#ddd6fe85}.skill-group h3,.project-card h3,.timeline-card h3,.education-card h3{margin:0 0 .85rem;color:var(--text-primary);font-size:1.25rem}.skill-pill{transition:transform .18s ease,border-color .18s ease}.tiny-icon,.cert-icon{display:inline-block;flex:0 0 auto;width:9px;height:9px;background:var(--purple-light);box-shadow:5px 5px #7c3aedcc}.projects-grid,.education-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.project-card{overflow:hidden;transition:transform .18s ease,border-color .18s ease}.project-preview{min-height:180px;display:grid;place-items:center;border-bottom:1px solid rgba(196,181,253,.18);background:linear-gradient(90deg,rgba(221,214,254,.07) 1px,transparent 1px),linear-gradient(rgba(221,214,254,.07) 1px,transparent 1px),var(--bg-secondary);background-size:18px 18px}.preview-art{position:relative;width:210px;height:128px}.art-main,.art-detail{position:absolute;display:block}.art-web .art-main,.art-dashboard .art-main,.art-landing .art-main{left:34px;top:22px;width:142px;height:82px;border:4px solid var(--purple-light);border-radius:9px;background:#141226;box-shadow:8px 8px #7c3aed6b}.art-web .one{left:58px;top:48px;width:74px;height:10px;background:var(--purple-light);box-shadow:0 22px 0 var(--purple-muted)}.art-web .two{right:46px;top:48px;width:18px;height:42px;background:#c4b5fd73}.art-web .three{left:82px;bottom:6px;width:46px;height:12px;background:var(--purple-light)}.art-dashboard .one{left:52px;top:46px;width:34px;height:28px;background:var(--purple-muted);box-shadow:44px 0 0 var(--purple-primary),88px 0 #c4b5fdb8}.art-dashboard .two{left:52px;top:86px;width:104px;height:8px;background:var(--purple-light)}.art-dashboard .three{left:52px;top:106px;width:70px;height:8px;background:#c4b5fd6b}.art-landing .one{left:58px;top:42px;width:92px;height:12px;background:var(--purple-light)}.art-landing .two{left:58px;top:66px;width:66px;height:9px;background:#c4b5fd8a}.art-landing .three{right:48px;bottom:20px;width:20px;height:20px;background:var(--purple-muted);box-shadow:20px 0 0 var(--purple-light),10px 20px #c4b5fd8a}.project-actions{margin-top:1.2rem}.icon-link{display:inline-flex;align-items:center;min-height:38px;border-radius:8px;padding:.48rem .75rem;color:var(--purple-soft);font-weight:900}.timeline{position:relative;display:grid;gap:1.2rem}.timeline:before{position:absolute;top:.6rem;bottom:.6rem;left:15px;width:4px;content:"";background:repeating-linear-gradient(to bottom,var(--purple-primary) 0,var(--purple-primary) 10px,transparent 10px,transparent 18px)}.timeline-item{position:relative;display:grid;grid-template-columns:34px 1fr;gap:1rem}.timeline-dot{z-index:1;width:34px;height:34px;border:8px solid var(--bg-primary);border-radius:8px;background:var(--purple-light);box-shadow:0 0 0 1px #c4b5fd6b}.timeline-card,.education-card,.cert-card,.contact-card,.contact-form,.skill-group{transition:transform .18s ease,border-color .18s ease}.period{display:inline-flex;margin-bottom:.65rem;border:1px solid rgba(196,181,253,.24);border-radius:7px;padding:.28rem .5rem;color:var(--purple-soft);background:#a78bfa1a;font-size:.86rem;font-weight:900}.timeline-card strong,.education-card strong{display:block;margin-bottom:.55rem;color:var(--purple-light)}.education-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.cert-card{display:flex;gap:.7rem;align-items:center;min-height:78px;border:1px solid rgba(196,181,253,.22);border-radius:10px;padding:.9rem;color:var(--text-primary);background:#211d3abd;box-shadow:var(--shadow);font-weight:800}.contact-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(1rem,3vw,1.45rem);align-items:stretch}.contact-heading{max-width:520px}.contact-heading h2{margin:0;color:var(--text-primary);font-size:clamp(2.2rem,5vw,3.8rem);line-height:.95}.contact-heading p{margin:.9rem 0 0;color:var(--text-secondary)}.contact-status{display:inline-flex;gap:.55rem;align-items:center;margin-top:1.25rem;border:1px solid rgba(196,181,253,.2);border-radius:8px;padding:.56rem .72rem;color:var(--purple-soft);background:#11102080;font-family:Pixelify Sans,Inter,sans-serif;font-weight:800}.status-dot{width:8px;height:8px;background:var(--success);box-shadow:0 0 0 4px #22c55e24}.contact-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1.35rem}.contact-icon-link{display:flex;gap:.75rem;align-items:center;min-height:86px;border:1px solid rgba(196,181,253,.22);border-radius:10px;padding:.78rem;color:var(--purple-soft);background:#11102075;font-weight:900;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.contact-icon-link:hover,.contact-icon-link:focus-visible{border-color:#ddd6fe9e;background:#a78bfa29;box-shadow:0 12px 30px #7c3aed2e;transform:translateY(-3px) scale(1.03)}.contact-icon-link:focus-visible{outline:2px solid var(--purple-light);outline-offset:3px}.contact-icon{display:grid;flex:0 0 auto;place-items:center;width:42px;height:42px;border:1px solid rgba(196,181,253,.22);border-radius:8px;background:#a78bfa1a}.contact-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.7}.contact-link-copy{display:grid;gap:.18rem;min-width:0}.contact-link-copy strong{color:var(--text-primary);font-family:Pixelify Sans,Inter,sans-serif;font-size:1rem;line-height:1}.contact-link-copy small{color:var(--text-secondary);font-size:.82rem;font-weight:700;line-height:1.25}.contact-card{display:grid;align-content:center;width:100%}.contact-form{display:grid;align-content:start;gap:1.05rem;width:100%}.contact-form-header{display:grid;gap:.28rem;margin-bottom:.25rem}.contact-form-header span{color:var(--purple-light);font-family:Pixelify Sans,Inter,sans-serif;font-size:.92rem;font-weight:800}.contact-form-header h3{margin:0;color:var(--text-primary);font-size:1.35rem;line-height:1.1}.contact-form label{display:grid;gap:.5rem;color:var(--purple-soft);font-weight:900}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(196,181,253,.26);border-radius:8px;padding:.95rem 1rem;color:var(--text-primary);background:#11102094;outline:none;resize:vertical;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.contact-form textarea{min-height:154px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--purple-light);box-shadow:0 0 0 3px #a78bfa2e}.contact-form input[aria-invalid=true],.contact-form textarea[aria-invalid=true]{border-color:#f87171}.field-error{color:#fca5a5;font-size:.82rem;font-weight:800}.contact-form button:disabled{cursor:wait;opacity:.72;transform:none}.form-feedback{display:flex;gap:.7rem;align-items:center;margin:0;border:1px solid rgba(196,181,253,.22);border-radius:8px;padding:.78rem .9rem;background:#11102085;font-weight:800}.form-feedback span{display:grid;flex:0 0 auto;place-items:center;width:28px;height:28px;border-radius:8px;font-family:Pixelify Sans,Inter,sans-serif}.form-feedback p{margin:0}.form-feedback-success{border-color:#22c55e6b;color:#86efac}.form-feedback-success span{background:#22c55e24}.form-feedback-error{border-color:#f8717170;color:#fca5a5}.form-feedback-error span{background:#f8717124}.site-footer{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:center;border-top:1px solid rgba(196,181,253,.16);padding:1.4rem 1rem;color:var(--text-secondary);background:#111020c7;text-align:center}.footer-mark{color:var(--purple-light)}@media(max-width:1040px){.site-header{grid-template-columns:auto auto;padding:0 1rem}.menu-toggle{display:block;justify-self:end}.nav-menu{position:absolute;top:76px;right:1rem;left:1rem;display:none;flex-direction:column;border:1px solid rgba(196,181,253,.22);border-radius:10px;padding:.65rem;background:#1a1830fa;box-shadow:var(--shadow)}.nav-menu.is-open{display:flex}.header-action{display:none}.hero-grid,.hero-layout,.about-grid,.skill-groups,.contact-grid,.projects-grid,.cert-grid{grid-template-columns:1fr}.contact-heading{max-width:680px;margin-inline:auto;text-align:center}.contact-status{justify-self:center}.hero-copy{text-align:center}.hero-actions,.hero-badges{justify-content:center}.hero-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-strip code{grid-column:1 / -1}}@media(max-width:680px){.section{padding-inline:.85rem}.hero h1{font-size:clamp(2.7rem,16vw,4.2rem)}.floating-pixel{display:none}.education-grid{grid-template-columns:1fr}.hero-actions,.project-actions{flex-direction:column}.btn,.icon-link{width:100%}}:root{--shadow: 0 18px 42px rgba(5, 4, 14, .22)}body{background:radial-gradient(circle at 14% 0%,rgba(167,139,250,.12),transparent 28rem),linear-gradient(180deg,var(--bg-primary),#141225 58%,var(--bg-primary))}body:before{opacity:.07}.site-header{min-height:68px;padding-inline:clamp(1rem,4vw,2.5rem);background:#111020f0}.nav-menu a,.header-action,.btn,.hero-badges span,.badge,.tag-list span,.skill-pill{border-radius:999px}.section{padding-block:clamp(4rem,7vw,6rem)}.section-shell{width:min(1080px,100%)}.section-heading{max-width:680px;margin-inline:0;text-align:left}.section-heading h2{font-size:clamp(2rem,4vw,3.15rem);line-height:1}.pixel-card{overflow:hidden;border-color:#c4b5fd29;border-radius:14px;background:#211d3ab8;box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease,background .18s ease}.pixel-card:after{width:6px;height:6px;opacity:.55;box-shadow:6px 0 #c4b5fd61,0 6px #8b5cf67a}.hero{min-height:auto;padding-top:clamp(5rem,9vw,7.5rem)}.hero h1{max-width:680px;font-size:clamp(3.2rem,7vw,6rem)}.hero-description{max-width:620px}.floating-pixel{opacity:.35}.about-grid{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)}.profile-card{display:grid;align-content:space-between;min-height:100%;padding:clamp(1.15rem,3vw,1.55rem)}.profile-label{color:var(--purple-light);font-size:.82rem;font-weight:900;text-transform:uppercase}.profile-card h3{max-width:340px;margin:.85rem 0 1.4rem;color:var(--text-primary);font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.18}.profile-meta{display:flex;flex-wrap:wrap;gap:.5rem}.profile-meta span{border:1px solid rgba(196,181,253,.18);border-radius:999px;padding:.38rem .55rem;color:var(--text-secondary);font-size:.82rem;font-weight:800}.skill-groups{grid-template-columns:repeat(3,minmax(0,1fr))}.skill-group h3{font-size:1.05rem}.skill-list{gap:.48rem}.skill-pill{padding:.38rem .54rem;font-size:.82rem}.tiny-icon{display:none}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:stretch}.project-card{min-width:0;display:flex;flex-direction:column}.project-preview{min-height:0;aspect-ratio:16 / 9}.preview-art{width:min(210px,78%);max-width:100%;transform:scale(.9)}.project-content{min-width:0;display:flex;flex:1;flex-direction:column}.project-card h3,.timeline-card h3,.education-card h3,.project-card p,.timeline-card p,.education-card p{overflow-wrap:anywhere}.project-actions{margin-top:auto;padding-top:1.2rem}.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline:before,.timeline-dot{display:none}.timeline-item{display:block;min-width:0}.timeline-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}@media(max-width:1040px){.section-heading{margin-inline:auto;text-align:center}.hero-grid,.about-grid,.skill-groups,.timeline,.contact-grid{grid-template-columns:1fr}.contact-heading{max-width:680px;margin-inline:auto;text-align:center}.contact-status{justify-self:center}}@media(max-width:680px){.site-header{min-height:64px}.nav-menu{top:64px}.hero h1{font-size:clamp(2.8rem,13vw,3.8rem)}.project-preview{aspect-ratio:1.8 / 1}.hero-strip{grid-template-columns:1fr}.hero-strip code{white-space:normal;text-align:center}}body{background:linear-gradient(180deg,#111020,#17142a 58%,#111020)}body:before,.floating-pixel,.pixel-card:after,.section-kicker{display:none}.site-header{min-height:64px;padding-inline:clamp(1rem,4vw,2rem)}.logo{font-size:clamp(.98rem,4vw,1.24rem)}.section{padding:clamp(3.25rem,7vw,5.5rem) clamp(1rem,4vw,1.5rem)}.section-shell{width:min(1040px,100%)}.section-heading{max-width:620px;margin:0 0 1.6rem;text-align:left}.section-heading h2{font-size:clamp(1.8rem,5vw,2.8rem);line-height:1.05}.pixel-card,.cert-card{border-color:#c4b5fd24;border-radius:12px;background:#211d3a8f;box-shadow:none}.pixel-card:hover,.cert-card:hover,.skill-pill:hover{transform:none}.hero{min-height:auto;padding-top:clamp(5rem,12vw,7rem);padding-bottom:clamp(3.5rem,8vw,5.5rem)}.hero-layout{max-width:860px;gap:0}.hero-copy{max-width:790px}.eyebrow{margin-bottom:.85rem;border:0;padding:0;background:transparent;color:var(--purple-light);font-family:Inter,system-ui,sans-serif;font-size:.95rem;font-weight:800}.hero h1{max-width:780px;margin-bottom:1rem;font-size:clamp(3.25rem,10vw,6.4rem);line-height:.95;letter-spacing:0}.hero-subtitle{max-width:680px;margin-bottom:.8rem;font-size:clamp(1.15rem,3vw,1.45rem);line-height:1.35}.hero-description{max-width:640px;font-size:1rem;line-height:1.75}.hero-actions{margin-top:1.6rem}.hero-meta{margin:1.35rem 0 0;color:var(--text-secondary);font-size:.95rem;font-weight:700}.hero-card{min-width:0;padding:clamp(1.1rem,3vw,1.5rem)}.hero-card-icons{display:flex;gap:.55rem;margin-bottom:1.15rem}.pixel-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(196,181,253,.18);border-radius:10px;color:var(--purple-soft);background:#11102070;font-family:Pixelify Sans,Inter,sans-serif;font-size:1rem;font-weight:900;box-shadow:4px 4px #7c3aed47}.coffee-icon{font-family:Inter,system-ui,sans-serif}.hero-card-label{display:inline-flex;margin-bottom:1rem;color:var(--purple-light);font-size:.82rem;font-weight:900;text-transform:uppercase}.hero-card h2{margin:0;color:var(--text-primary);font-family:Inter,system-ui,sans-serif;font-size:clamp(1.35rem,3vw,2rem);line-height:1.15}.hero-card-list{display:grid;gap:.65rem;margin-top:1.4rem}.hero-card-list span{border-top:1px solid rgba(196,181,253,.14);padding-top:.65rem;color:var(--text-secondary);font-weight:700}.hero-badges,.hero-strip{display:none}.btn{min-height:44px;border-radius:10px;box-shadow:none}.btn-primary{color:#181225;background:var(--purple-light)}.btn-secondary{border-color:#c4b5fd38;background:transparent}.about-grid,.skill-groups,.services-grid,.projects-grid,.timeline,.contact-grid{gap:.85rem}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{min-width:0;padding:clamp(1rem,3vw,1.35rem)}.service-card h3{margin:0 0 .65rem;color:var(--text-primary);font-size:1.15rem}.service-card p{margin:0;color:var(--text-secondary)}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-preview{aspect-ratio:16 / 10;background:#1a1830ad}.project-image{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.project-content,.about-card,.profile-card,.skill-group,.timeline-card,.contact-card,.contact-form{padding:clamp(1rem,3vw,1.35rem)}.tag-list,.skill-list,.badge-list{gap:.45rem}.tag-list span,.skill-pill,.badge{padding:.34rem .52rem;font-size:.8rem}.timeline-card p{-webkit-line-clamp:unset}.contact-terminal{display:none}@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.menu-toggle{display:block;justify-self:end}.nav-menu{position:absolute;top:64px;right:1rem;left:1rem;display:none;flex-direction:column;gap:0;border:1px solid rgba(196,181,253,.16);border-radius:12px;padding:.5rem;background:#111020fa}.nav-menu.is-open{display:flex}.nav-menu a{padding:.85rem}.header-action{display:none}.about-grid,.skill-groups,.services-grid,.projects-grid,.timeline,.contact-grid{grid-template-columns:1fr}}@media(max-width:560px){.section{padding:3rem 1rem}.contact-links{grid-template-columns:1fr}.contact-icon-link{min-height:78px}.hero{padding-top:4rem}.hero h1{font-size:clamp(2.7rem,15vw,3.6rem);line-height:1}.hero-subtitle{font-size:1.05rem}.hero-description{font-size:.95rem;line-height:1.65}.hero-actions,.project-actions{flex-direction:column;align-items:stretch}.btn,.icon-link{width:100%}.preview-art{transform:scale(.78)}.project-preview{aspect-ratio:16 / 9}}.site-header{min-height:60px}.section{padding-block:clamp(2.8rem,5.5vw,4.4rem)}.section-heading{margin-bottom:1.25rem}.hero{padding-top:clamp(3.8rem,7vw,5rem);padding-bottom:clamp(2.4rem,5vw,3.8rem)}.hero-layout{grid-template-columns:minmax(0,1.12fr) minmax(260px,.5fr);gap:clamp(1.1rem,4vw,2.5rem)}.hero h1{font-size:clamp(3.1rem,8vw,5.5rem);margin-bottom:.7rem}.hero-subtitle{margin-bottom:.55rem}.hero-description{max-width:590px;line-height:1.62}.hero-actions{margin-top:1.2rem}.hero-meta{margin-top:1rem}.hero-card{align-self:stretch;display:grid;align-content:center;padding:clamp(1rem,2.4vw,1.25rem)}.hero-card-label{margin-bottom:.7rem;font-size:.76rem}.hero-card h2{font-size:clamp(1.18rem,2.4vw,1.55rem)}.hero-card-list{gap:.45rem;margin-top:1rem}.hero-card-list span{padding-top:.5rem;font-size:.92rem}.about-grid,.skill-groups,.services-grid,.projects-grid,.contact-grid{gap:.7rem}.project-content,.about-card,.profile-card,.skill-group,.service-card,.contact-card,.contact-form{padding:clamp(.95rem,2.5vw,1.2rem)}@media(max-width:900px){.hero-layout{grid-template-columns:1fr}.hero-card{align-self:auto}}@media(max-width:560px){.site-header{min-height:58px}.logo{font-size:1rem}.logo-icon{width:28px;height:28px}.nav-menu{top:58px;right:.75rem;left:.75rem}.section{padding:2.35rem .85rem}.hero{padding-top:3rem;padding-bottom:2.2rem}.hero-layout{gap:1rem}.eyebrow{font-size:.86rem}.hero h1{font-size:clamp(2.45rem,14vw,3.2rem);line-height:1.02}.hero-subtitle{font-size:.98rem}.hero-description{font-size:.92rem;line-height:1.55}.hero-card-icons{margin-bottom:.85rem}.pixel-icon{width:38px;height:38px}.hero-card h2{font-size:1.15rem}.hero-card-list span{font-size:.88rem}.hero-meta{font-size:.86rem;line-height:1.5}}.site-header{padding-inline:clamp(1.1rem,4.5vw,3rem)}.header-action{border-color:#c4b5fd47;border-radius:10px;color:#181225;background:var(--purple-light);box-shadow:0 10px 28px #a78bfa1f}.header-action:hover{color:#181225;background:var(--purple-soft);box-shadow:0 14px 34px #a78bfa2e}.hero.section{min-height:calc(100vh - 60px);padding-top:clamp(5.4rem,10vh,8rem);padding-bottom:clamp(4.2rem,8vh,6.5rem)}.section-shell.hero-layout{width:min(1180px,100%);grid-template-columns:minmax(0,1.45fr) minmax(310px,.72fr);gap:clamp(2.4rem,6vw,5.5rem);align-items:center}.hero-copy{max-width:760px}.eyebrow{margin-bottom:1.05rem;color:var(--purple-soft)}.hero h1{max-width:760px;margin-bottom:1rem;font-size:clamp(3.4rem,7.4vw,5.9rem);line-height:.98}.hero-subtitle{margin-bottom:.9rem;color:var(--purple-soft);font-size:clamp(1.08rem,2.2vw,1.34rem);line-height:1.38}.hero-description{max-width:610px;line-height:1.72}.hero-actions{gap:.9rem;margin-top:1.8rem}.hero .btn{min-height:48px;border-radius:11px;padding-inline:1.12rem}.btn-primary{box-shadow:0 14px 34px #a78bfa2e}.btn-primary:hover{background:var(--purple-soft);box-shadow:0 18px 40px #a78bfa3d}.btn-secondary{border-color:#c4b5fd47;color:var(--purple-soft)}.btn-secondary:hover,.icon-link:hover{border-color:#ddd6fe6b;background:#a78bfa1a}.hero-meta{margin-top:1.35rem;color:var(--purple-soft)}.hero-card.pixel-card{border-color:#c4b5fd33;border-radius:18px;padding:clamp(1.35rem,3vw,1.8rem);background:linear-gradient(135deg,rgba(167,139,250,.12),transparent 44%),#1d1932db;box-shadow:0 24px 56px #7c3aed29}.hero-card-icons{gap:.7rem;margin-bottom:1.35rem}.pixel-icon{width:46px;height:46px;border-color:#c4b5fd38;border-radius:12px;background:#1110209e;box-shadow:5px 5px #7c3aed38}.hero-card-label{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:1rem;border:1px solid rgba(196,181,253,.18);border-radius:999px;padding:.42rem .62rem;color:var(--purple-soft);background:#a78bfa14;text-transform:none}.hero-card-label:before{width:8px;height:8px;content:"";background:var(--success);box-shadow:4px 4px #22c55e3d}.hero-card h2{max-width:360px;font-size:clamp(1.42rem,2.6vw,2.05rem);line-height:1.18}.hero-card-list{gap:.78rem;margin-top:1.55rem}.hero-card-list span{position:relative;border-top:1px solid rgba(196,181,253,.13);padding:.72rem 0 .02rem 1.35rem}.hero-card-list span:before{position:absolute;top:.92rem;left:0;width:8px;height:8px;content:"";background:var(--purple-light);box-shadow:4px 4px #7c3aed7a}.hero-card-footer{margin:1.6rem 0 0;border-top:1px solid rgba(196,181,253,.14);padding-top:1rem;color:var(--text-secondary);font-size:.9rem;font-weight:800}.project-preview{padding:clamp(.65rem,2vw,1rem)}.project-image{border-radius:10px;object-fit:contain;background:#1110208c}@media(max-width:900px){.hero.section{padding-top:4.8rem}.section-shell.hero-layout{grid-template-columns:1fr;gap:1.65rem}.hero-copy{max-width:720px}.hero-card.pixel-card{width:100%}.services-grid,.skill-groups{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}}@media(max-width:560px){.hero.section{padding-top:3.9rem;padding-bottom:3.2rem}.hero-copy{text-align:center}.hero h1{font-size:clamp(2.75rem,14vw,3.55rem)}.hero-subtitle{max-width:20rem;margin-inline:auto}.hero-description{margin-inline:auto}.hero-actions{margin-top:1.45rem}.hero-meta{max-width:18rem;margin-inline:auto}.hero-card.pixel-card{padding:1.2rem}.hero-card-icons{justify-content:center}.pixel-card,.cert-card{border-radius:14px}.hero-card.pixel-card{text-align:left}.hero-card-icons{gap:.5rem;margin-bottom:1rem}.pixel-icon{width:38px;height:38px;border-radius:10px;font-size:.86rem;box-shadow:4px 4px #7c3aed2e}.hero-card-label{width:100%;justify-content:center;margin-bottom:.9rem;font-size:.78rem}.hero-card h2{max-width:none;font-size:1.22rem;line-height:1.28;text-align:center}.hero-card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:1.1rem}.hero-card-list span{min-height:46px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(196,181,253,.14);border-radius:10px;padding:.62rem;background:#11102057;text-align:center;font-size:.82rem;line-height:1.25}.hero-card-list span:before{display:none}.hero-card-list span:nth-child(3){grid-column:1 / -1}.hero-card-footer{margin-top:1rem;padding-top:.8rem;text-align:center;font-size:.8rem;line-height:1.45}.service-card h3,.skill-group h3,.project-card h3,.service-card p,.project-card p{text-align:center}.skill-list,.tag-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.skill-pill,.tag-list span,.badge{display:flex;align-items:center;justify-content:center;min-height:36px;border-radius:10px;padding:.42rem .48rem;text-align:center;line-height:1.2}.project-preview{padding:.55rem}}@media(max-width:380px){.services-grid,.skill-groups,.projects-grid,.hero-card-list,.skill-list,.tag-list{grid-template-columns:1fr}.hero-card-list span:nth-child(3){grid-column:auto}}*,*:before,*:after{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;overflow-x:hidden}img,svg,video{max-width:100%}.section,.section-shell,.hero-layout,.about-grid,.skill-groups,.services-grid,.projects-grid,.education-grid,.cert-grid,.timeline,.contact-grid,.pixel-card,.cert-card,.project-card,.project-content,.about-card,.profile-card,.skill-group,.service-card,.contact-card,.contact-form{min-width:0;max-width:100%}.section-shell{width:min(1180px,100%)}.section{overflow-x:clip}.project-card h3,.project-card p,.service-card h3,.service-card p,.skill-group h3,.about-card p,.profile-card h3,.profile-meta span,.badge,.skill-pill,.tag-list span,.btn,.icon-link{overflow-wrap:anywhere}@media(max-width:900px){.section{padding-inline:clamp(.85rem,4vw,1.35rem)}.nav-menu{max-width:calc(100vw - 2rem)}.about-grid,.services-grid,.skill-groups,.projects-grid{display:grid;align-items:stretch}.about-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.services-grid,.skill-groups{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.badge-list,.profile-meta,.skill-list,.tag-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr));gap:.5rem}.profile-meta span,.badge,.skill-pill,.tag-list span{display:flex;align-items:center;justify-content:center;min-height:36px;text-align:center;line-height:1.25}.hero-actions,.project-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}.hero-actions .btn,.project-actions .btn,.project-actions .icon-link{width:100%}.project-preview{min-height:0}}@media(max-width:640px){.section-heading{max-width:100%;margin-inline:auto;text-align:center}.about-card,.profile-card,.skill-group,.service-card,.project-content,.contact-card,.contact-form{padding:clamp(.9rem,4vw,1.15rem)}.about-grid,.services-grid,.skill-groups,.projects-grid{gap:.65rem}.about-card p,.profile-card h3,.service-card p,.project-card p{font-size:.94rem;line-height:1.6}.profile-label,.profile-card h3{text-align:center}.project-preview{aspect-ratio:16 / 10}}@media(max-width:460px){.section{padding-inline:.8rem}.about-grid,.services-grid,.skill-groups,.projects-grid,.badge-list,.profile-meta,.skill-list,.tag-list,.hero-actions,.project-actions,.hero-card-list{grid-template-columns:1fr}.hero-card-list span:nth-child(3){grid-column:auto}.project-preview{aspect-ratio:16 / 9}}@media(max-width:1023px){.stack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;width:100%}.stack-grid .skill-pill{width:100%;min-width:0;display:flex;align-items:center;justify-content:center;min-height:40px;padding:.48rem .55rem;text-align:center;line-height:1.22}}@media(max-width:767px){.stack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:340px){.stack-grid{grid-template-columns:1fr}}@media(max-width:767px){.tags-grid,.tech-grid,.services-grid,.badge-list,.profile-meta,.tag-list,.skill-list,.stack-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.625rem!important;width:100%}.services-grid>*,.badge-list>*,.profile-meta>*,.tag-list>*,.skill-list>*,.stack-grid>*{width:auto!important;min-width:0;max-width:100%}.badge,.profile-meta span,.tag-list span,.skill-pill{display:flex!important;align-items:center;justify-content:center;min-height:38px;padding:.48rem .5rem;text-align:center;line-height:1.22;white-space:normal}.service-card{min-height:100%}.service-card h3{font-size:.98rem;line-height:1.25}.service-card p{font-size:.84rem;line-height:1.45}}@media(max-width:767px){.services-grid{grid-template-columns:1fr!important;gap:.7rem!important}.service-card{position:relative;display:grid;gap:.35rem;min-height:auto;padding:1rem 1rem 1rem 3rem;text-align:left}.service-card:before{position:absolute;top:1.05rem;left:1rem;width:1.25rem;height:1.25rem;content:"";border-radius:6px;background:var(--purple-light);box-shadow:5px 5px #7c3aed52}.service-card h3,.service-card p{text-align:left}.service-card h3{margin-bottom:.15rem;font-size:1rem}.service-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.55}}@media(min-width:560px)and (max-width:767px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.service-card{padding:1rem}.service-card:before{position:static;margin-bottom:.2rem}}