*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:JetBrains Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.right-5{right:1.25rem}.top-0{top:0}.top-5{top:1.25rem}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.ml-1{margin-left:.25rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-11{height:2.75rem}.h-72{height:18rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-11{width:2.75rem}.w-full{width:100%}.w-screen{width:100vw}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.cursor-zoom-in{cursor:zoom-in}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.break-all{word-break:break-all}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border-2{border-width:2px}.border-b-4{border-bottom-width:4px}.border-t-4{border-top-width:4px}.border-brutal-black{--tw-border-opacity:1;border-color:rgb(17 17 17/var(--tw-border-opacity,1))}.bg-brutal-black{--tw-bg-opacity:1;background-color:rgb(17 17 17/var(--tw-bg-opacity,1))}.bg-brutal-black\/80{background-color:hsla(0,0%,7%,.8)}.bg-brutal-cyan{--tw-bg-opacity:1;background-color:rgb(92 217 255/var(--tw-bg-opacity,1))}.bg-brutal-mint{--tw-bg-opacity:1;background-color:rgb(124 255 203/var(--tw-bg-opacity,1))}.bg-brutal-pink{--tw-bg-opacity:1;background-color:rgb(255 95 162/var(--tw-bg-opacity,1))}.bg-brutal-white{--tw-bg-opacity:1;background-color:rgb(255 253 247/var(--tw-bg-opacity,1))}.bg-brutal-yellow{--tw-bg-opacity:1;background-color:rgb(255 230 0/var(--tw-bg-opacity,1))}.bg-brutal-yellow-soft{--tw-bg-opacity:1;background-color:rgb(255 246 176/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.text-center{text-align:center}.font-body{font-family:Inter,sans-serif}.font-display{font-family:Space Grotesk,sans-serif}.font-mono{font-family:JetBrains Mono,monospace}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-\[10px\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-brutal-black{--tw-text-opacity:1;color:rgb(17 17 17/var(--tw-text-opacity,1))}.text-brutal-black\/25{color:hsla(0,0%,7%,.25)}.text-brutal-black\/60{color:hsla(0,0%,7%,.6)}.text-brutal-black\/70{color:hsla(0,0%,7%,.7)}.text-brutal-black\/80{color:hsla(0,0%,7%,.8)}.text-brutal-pink{--tw-text-opacity:1;color:rgb(255 95 162/var(--tw-text-opacity,1))}.text-brutal-white{--tw-text-opacity:1;color:rgb(255 253 247/var(--tw-text-opacity,1))}.text-brutal-white\/70{color:rgba(255,253,247,.7)}.shadow-brutal{--tw-shadow:6px 6px 0px 0px #111;--tw-shadow-colored:6px 6px 0px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--bg:#f7f4ec;--bg-soft:#fff0a6;--bg-panel:#fffdf7;--line:#111;--text:#111;--text-soft:hsla(0,0%,7%,.7);--pink:#ff5fa2;--mint:#7cffcb;--cyan:#5cd9ff;--yellow:#ffe600;--shadow:7px 7px 0 var(--line);--bg:#f4f1e8;--bg-soft:#eaff65;--bg-panel:#fffdf5;--line:#151515;--text:#151515;--text-soft:hsla(0,0%,8%,.68);--pink:#ff6b8b;--mint:#b8f36b;--cyan:#64d9ff;--yellow:#eaff65;--orange:#ff9d57;--shadow:8px 8px 0 var(--line)}body{background-image:linear-gradient(hsla(0,0%,8%,.045) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,8%,.045) 1px,transparent 0),radial-gradient(circle at 12% 16%,rgba(100,217,255,.32),transparent 24rem),radial-gradient(circle at 88% 72%,rgba(255,107,139,.2),transparent 28rem);background-size:34px 34px,34px 34px,auto,auto}.site-navbar{border-bottom:2px solid var(--line);background:hsla(45,35%,93%,.82);backdrop-filter:blur(18px) saturate(1.2)}.site-navbar nav{display:grid;grid-template-columns:12rem minmax(0,1fr) 12rem}.nav-brand{position:relative;display:block;width:12rem;min-width:12rem;height:1.6em;overflow:hidden;font-family:Bricolage Grotesque,sans-serif;font-size:1.35rem;letter-spacing:-.04em}.nav-brand-label{position:absolute;top:0;left:0;display:block;white-space:nowrap;animation:nav-section-change .5s cubic-bezier(.22,1,.36,1) both}.site-navbar nav ul{justify-self:center}.site-navbar nav>a:last-child{justify-self:end}.nav-link{border-radius:.35rem}.hero-section{min-height:calc(100vh - 64px);display:flex;align-items:center;padding:clamp(3rem,7vw,7rem) 1.25rem;background:linear-gradient(120deg,rgba(234,255,101,.96),rgba(255,157,87,.78) 55%,rgba(100,217,255,.88)),var(--yellow)}.hero-section:before{width:270px;height:270px;right:7%;top:8%;border-radius:38% 62% 54% 46%;background:rgba(255,107,139,.84);mix-blend-mode:multiply}.hero-section:after{width:130px;height:130px;left:8%;bottom:8%;border-radius:45% 55% 36% 64%;background:rgba(100,217,255,.92);mix-blend-mode:multiply}.hero-orbit{position:absolute;z-index:0;display:block;width:3.5rem;height:3.5rem;border:2px solid var(--line);border-radius:50%;pointer-events:none}.hero-orbit-one{right:34%;bottom:18%;background:var(--mint);box-shadow:5px 5px 0 var(--line)}.hero-orbit-two{left:43%;top:16%;width:1.5rem;height:1.5rem;background:var(--pink);will-change:transform}.hero-inner{max-width:1240px}.hero-badge{border:2px solid var(--line);border-radius:999px;box-shadow:4px 4px 0 var(--line);background:rgba(255,253,245,.72)}.hero-copy{max-width:1120px;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(2rem,5vw,5rem)}.hero-copy:before{border-radius:999px}.contact-box h2,.hero-copy h1,.section-heading h2{font-family:Bricolage Grotesque,sans-serif;letter-spacing:-.055em}.hero-copy h1{font-size:clamp(3.2rem,6.5vw,7.2rem)}.typed-line{color:#d83363}.hero-copy p{max-width:36rem;font-size:1.05rem}.profile-card{width:min(100%,410px);height:min(410px,42vw);border:2px solid var(--line);border-radius:2.2rem;box-shadow:12px 12px 0 var(--line);background:linear-gradient(145deg,#fffdf5 0 52%,var(--cyan) 52% 100%);transform:rotate(-3deg);will-change:transform}.profile-photo{width:138%;height:138%}.info-section{padding:clamp(4rem,8vw,7rem) 1.25rem;background:rgba(255,253,245,.86)}.info-section:before{content:"";position:absolute;width:18rem;height:18rem;right:-8rem;bottom:-10rem;border:2px solid hsla(0,0%,8%,.18);border-radius:50%;pointer-events:none}#about{background:linear-gradient(135deg,rgba(100,217,255,.3),rgba(255,253,245,.92) 62%)}#certificates{background:linear-gradient(135deg,rgba(234,255,101,.42),rgba(255,253,245,.92) 62%)}#projects{background:linear-gradient(135deg,rgba(255,107,139,.26),rgba(255,253,245,.92) 62%)}#skills{background:linear-gradient(135deg,hsla(86,85%,69%,.34),rgba(255,253,245,.92) 62%)}.section-heading{position:relative;z-index:1;margin-bottom:2.4rem;padding-left:1.2rem;border-left:8px solid var(--pink)}.section-heading h2{max-width:880px;font-size:clamp(2.6rem,5vw,5rem)}.about-copy,.certificate-card,.contact-box,.experience-card,.github-card,.highlight-stack,.project-card,.skill-item{border-width:2px;border-radius:1rem}.about-copy,.contact-box,.experience-card,.github-card,.highlight-stack{background:rgba(255,253,245,.82);backdrop-filter:blur(8px)}.certificate-card,.project-card,.skill-item{border-color:var(--line);transform:perspective(900px) rotateX(var(--pointer-y,0deg)) rotateY(var(--pointer-x,0deg))}.contact-section{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--orange),var(--pink) 55%,var(--cyan))}.contact-box{border-width:2px;box-shadow:10px 10px 0 var(--line)}html{scroll-behavior:auto}body{background-color:var(--bg);background-image:radial-gradient(hsla(0,0%,7%,.13) 1px,transparent 0);background-size:18px 18px;color:var(--text)}*{box-sizing:border-box}img{max-width:100%;display:block}.site-navbar{position:sticky;top:0;z-index:50;width:100%;border-bottom-width:3px;background:rgba(255,253,247,.94);backdrop-filter:blur(8px)}.site-navbar nav{min-height:64px}.nav-link{font-size:.68rem;letter-spacing:.1em;transition:background .12s ease,transform .12s ease}.nav-link:hover{transform:translateY(-2px)}.border-brutal,.btn-brutal{border:3px solid var(--line)}.btn-brutal{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:6px 6px 0 var(--line);transition:transform .08s ease,box-shadow .08s ease;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-brutal:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--line)}.btn-brutal:active{transform:translate(5px,5px);box-shadow:0 0 0 var(--line)}.click-burst{position:fixed;z-index:100;pointer-events:none;width:1.8rem;height:1.8rem;margin:-.9rem 0 0 -.9rem;color:var(--pink);font-size:1.1rem;filter:drop-shadow(2px 2px 0 var(--line));animation:click-burst .55s cubic-bezier(.22,1,.36,1) both}.click-burst i{display:block;animation:click-spin .55s ease-out both}.burst-pink{color:var(--pink)}.burst-cyan{color:var(--cyan)}.burst-yellow{color:var(--yellow)}.burst-mint{color:var(--mint)}.burst-white{color:#fff}.card-brutal{border:3px solid var(--line);box-shadow:var(--shadow);border-radius:.75rem;transition:transform .2s ease,box-shadow .2s ease}.card-brutal:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--line)}.reveal-on-scroll{opacity:0;transform:translateY(24px);transition:opacity .65s ease var(--reveal-delay,0ms),transform .65s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms)}.reveal-on-scroll.is-revealed{opacity:1;transform:translateY(0)}.project-image-card{min-width:0}.project-image-card>button{border:3px solid var(--line);border-radius:1rem;box-shadow:7px 7px 0 var(--line);overflow:hidden}.project-image-card>button img{transition:transform .45s cubic-bezier(.22,1,.36,1),filter .45s ease}.project-image-card>button:hover img{transform:scale(1.06);filter:saturate(1.1) contrast(1.04)}.project-preview-trigger{transition:transform .12s ease,filter .12s ease}.project-preview-trigger:active{transform:scale(.96);filter:brightness(.8)}@keyframes preview-backdrop-in{0%{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(10px)}}@keyframes preview-image-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.project-preview-backdrop{animation:preview-backdrop-in .28s ease-out both}.project-preview-image{animation:preview-image-in .38s cubic-bezier(.22,1,.36,1) both}@keyframes close-button-pop{0%{opacity:0;transform:scale(.35) rotate(-90deg)}70%{transform:scale(1.12) rotate(8deg)}to{opacity:1;transform:scale(1) rotate(0)}}.image-preview-close{box-shadow:5px 5px 0 var(--line);animation:close-button-pop .45s cubic-bezier(.22,1.3,.36,1) both;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.image-preview-close:hover{transform:translate(-3px,-3px) rotate(8deg) scale(1.08);box-shadow:8px 8px 0 var(--line);background:var(--pink)}.image-preview-close:hover i{transform:rotate(90deg) scale(1.12)}.image-preview-close:active{transform:translate(2px,2px) rotate(-4deg) scale(.94);box-shadow:2px 2px 0 var(--line)}.image-preview-close i{transition:transform .2s ease}.card-brutal:active{transform:translate(6px,6px);box-shadow:0 0 0 var(--line)}.page-shell{min-height:100vh}.hero-section{position:relative;overflow:hidden;padding:4rem 1.25rem 5rem;border-bottom:3px solid var(--line);background:linear-gradient(135deg,var(--yellow) 0,#ffe974 45%,var(--bg-soft) 100%)}.hero-section:after,.hero-section:before{content:"";position:absolute;pointer-events:none;border:4px solid var(--line)}.hero-section:before{width:220px;height:220px;right:-50px;top:90px;border-radius:50%;background:rgba(255,95,162,.8);animation:spin-slow 14s linear infinite}.hero-section:after{width:110px;height:110px;left:30px;bottom:30px;background:rgba(92,217,255,.85);animation:float 4s ease-in-out infinite}.hero-inner{position:relative;z-index:1;width:100%;max-width:1200px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.8rem 1rem;background:hsla(0,0%,100%,.7);border:3px solid var(--line);border-radius:1rem;box-shadow:5px 5px 0 var(--line);font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 0 rgba(124,255,203,.85);animation:pulse 2s infinite}.hero-grid{grid-template-columns:1fr}.hero-copy,.hero-grid{display:grid;width:100%}.hero-copy{position:relative;max-width:760px;margin:0 auto;gap:1.5rem;padding:clamp(1.5rem,2vw,2.5rem) 0}.hero-copy:before{content:"01 / INTRO";position:absolute;top:0;left:0;padding:.35rem .6rem;border:2px solid var(--line);background:var(--pink);font-family:JetBrains Mono,monospace;font-size:.58rem;font-weight:700;letter-spacing:.1em}.hero-intro{display:grid;gap:1rem}.hero-text-block{width:100%}.eyebrow,.section-kicker{display:inline-block;margin-bottom:.75rem;font-family:JetBrains Mono,monospace;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft)}.hero-copy h1{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(3rem,5vw,5.5rem);line-height:.96;letter-spacing:-.05em}.hero-copy h1 br,.typed-line{display:block}.typed-line{min-height:1.2em;margin-top:.2rem;color:var(--pink)}.typed-cursor,.typed-text{display:inline-block}.typed-cursor{animation:blink .8s steps(1) infinite}.hero-ending{display:block}.hero-copy p{max-width:40rem;margin-top:1.4rem;color:var(--text-soft);line-height:1.8;font-size:1.02rem}.cta-row{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:2rem}.mini-stats div{display:flex;flex-direction:column;gap:.25rem;padding:.9rem .8rem;border:3px solid var(--line);border-radius:1rem;background:hsla(0,0%,100%,.55)}.mini-stats strong{font-family:Space Grotesk,sans-serif;font-size:1.4rem}.mini-stats span{font-family:JetBrains Mono,monospace;font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft)}.hero-visual{min-height:330px}.hero-visual,.profile-card{position:relative;display:flex;align-items:center;justify-content:center}.profile-card{width:min(100%,430px);height:min(430px,48vw);overflow:hidden;border:3px solid var(--line);border-radius:999px;background:var(--bg-panel);box-shadow:8px 8px 0 var(--line)}.profile-bg{display:none}.profile-photo{position:relative;z-index:1;width:150%;height:150%;-o-object-fit:contain;object-fit:contain;border:0;border-radius:0;background:linear-gradient(135deg,#fffdf7,#d9ffe7)}.floating-tag{position:absolute;display:flex;flex-direction:column;gap:.15rem;max-width:180px;padding:.8rem 1rem;border:3px solid var(--line);box-shadow:5px 5px 0 var(--line);font-family:JetBrains Mono,monospace;text-transform:uppercase}.floating-tag span{font-size:.62rem;letter-spacing:.12em}.floating-tag strong{font-size:.8rem}.tag-cyan{right:0;bottom:8%;background:rgba(92,217,255,.9)}.tag-pink{left:0;top:11%;background:rgba(255,95,162,.9)}.info-section{padding:5rem 1.25rem;background:rgba(255,253,247,.9);border-bottom:3px solid var(--line)}#about{background:linear-gradient(135deg,rgba(92,217,255,.2),rgba(255,253,247,.94) 48%)}#projects{background:linear-gradient(135deg,rgba(255,95,162,.16),rgba(255,253,247,.94) 48%)}#skills{background:linear-gradient(135deg,rgba(124,255,203,.2),rgba(255,253,247,.94) 48%)}.section-wrap{max-width:1200px;margin:0 auto}.section-heading{margin-bottom:1.8rem;padding-left:1rem;border-left:6px solid var(--pink);will-change:transform}.section-heading h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(2.5rem,4vw,4rem);line-height:1.02;letter-spacing:-.06em}.about-grid,.experience-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1.5rem}.about-copy,.contact-box,.experience-card,.github-card,.highlight-stack,.project-card,.skill-item{border:3px solid var(--line);border-radius:.75rem;box-shadow:var(--shadow)}.about-copy,.highlight-stack{padding:1.5rem;background:var(--bg-panel)}.about-copy{background:#fffdf7}.about-copy p{margin:0 0 1rem;line-height:1.8;color:var(--text-soft)}.info-list{display:grid;gap:.8rem;margin:1.4rem 0 0;padding:0;list-style:none;font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.info-list li{display:flex;align-items:center;gap:.7rem}.highlight-stack{display:grid;gap:1rem;background:linear-gradient(145deg,rgba(255,230,0,.18),rgba(255,95,162,.12))}.highlight-item{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.1rem;border-radius:.55rem;border:3px solid var(--line);background:hsla(0,0%,100%,.72)}.highlight-item.accent-mint{background:rgba(124,255,203,.22)}.highlight-item.accent-yellow{background:rgba(255,230,0,.28)}.highlight-item span{font-family:JetBrains Mono,monospace;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft)}.highlight-item strong{font-family:Space Grotesk,sans-serif;font-size:1.2rem}.section-dark{background:#111;color:#f4efe8;border-top:4px solid var(--line);border-bottom:4px solid var(--line)}.section-dark .section-heading{border-left-color:var(--mint)}.section-dark .card-head span,.section-dark .section-kicker,.section-dark .subline{color:#b9f6d0}.section-dark .bar-col small,.section-dark .github-footnote{color:#fff}.experience-card{background:hsla(0,0%,100%,.03);padding:1.2rem 1.3rem;min-width:0;text-align:left;display:flex;flex-direction:column;justify-content:center}.experience-card:first-child{border-left:8px solid var(--pink)}.experience-card:nth-child(2){border-left:8px solid var(--cyan)}.experience-cards{display:grid;gap:1.2rem;min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.experience-card .card-head{flex-direction:row;justify-content:space-between}.card-head h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.35rem}.card-head span,.subline{font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.experience-card p:last-child{margin-top:.8rem;color:hsla(35,35%,93%,.74);line-height:1.7}.github-card{padding:1.2rem;min-width:0;overflow:hidden;background:linear-gradient(180deg,rgba(255,95,162,.18),rgba(92,217,255,.08))}.github-card:before{content:"LIVE DATA";display:inline-block;margin-bottom:.9rem;padding:.3rem .5rem;border:2px solid var(--line);background:var(--mint);color:var(--line);font-family:JetBrains Mono,monospace;font-size:.58rem;font-weight:700;letter-spacing:.1em}.github-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.github-head-actions{display:flex;align-items:center;gap:.6rem}.github-head h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.5rem,2vw,2rem)}.github-score{align-items:center;justify-content:center;min-width:78px;height:44px;padding:0 .75rem;background:var(--yellow);color:var(--line);font-family:JetBrains Mono,monospace;font-weight:700}.github-score,.github-view-toggle{display:flex;border:3px solid var(--line);border-radius:.8rem}.github-view-toggle{overflow:hidden;background:var(--bg-panel)}.github-view-toggle button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-right:2px solid var(--line);background:var(--bg-panel);color:var(--line);cursor:pointer;transition:background .12s ease,transform .12s ease}.github-view-toggle button:last-child{border-right:0}.github-view-toggle button:hover{background:var(--mint)}.github-view-toggle button:active{transform:translateY(2px)}.github-view-toggle button.is-active{background:var(--yellow)}.contrib-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:.7rem;min-height:170px;min-width:0}.bar-col{display:flex;flex-direction:column;align-items:center;justify-content:end;gap:.5rem}.bar{width:100%;min-height:18px;border:3px solid var(--line);border-radius:.7rem .7rem .5rem .5rem;background:linear-gradient(180deg,#4ade80,#15803d);box-shadow:4px 4px 0 hsla(0,0%,7%,.8)}.contrib-grid{display:grid;grid-template-rows:repeat(7,12px);grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;min-height:108px;overflow:hidden}.contrib-cell{width:100%;min-width:0;border:1px solid hsla(0,0%,7%,.85);border-radius:3px;background:hsla(0,0%,100%,.18)}.contrib-cell.level-1{background:#b9f6d0}.contrib-cell.level-2{background:#5cd9ff}.contrib-cell.level-3{background:#7cffcb}.contrib-cell.level-4{background:#ff5fa2}.github-footnote{margin-top:.85rem;font-family:JetBrains Mono,monospace;font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-soft)}.certificate-grid,.project-grid,.skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.certificates-section{background:linear-gradient(135deg,rgba(255,230,0,.18),rgba(255,253,247,.94) 48%)}.certificate-card{display:block;overflow:hidden;background:var(--bg-panel);color:var(--text);text-decoration:none;box-shadow:5px 5px 0 var(--line);transition:transform .12s ease,box-shadow .12s ease}.certificate-card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--line)}.certificate-card:active{transform:translate(5px,5px);box-shadow:0 0 0 var(--line)}.certificate-card:hover .certificate-title i{transform:translate(3px,-3px) rotate(4deg)}.certificate-thumb{height:180px;border-bottom:3px solid var(--line);background:var(--cyan)}.certificate-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .45s cubic-bezier(.22,1,.36,1),filter .45s ease}.certificate-card:hover .certificate-thumb img{transform:scale(1.08) rotate(1deg);filter:saturate(1.12) contrast(1.04)}.certificate-copy{padding:1rem}.certificate-copy h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.1rem;line-height:1.15}.certificate-title{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.certificate-title i{flex:0 0 auto;margin-top:.1rem;transition:transform .15s ease}.certificate-copy p{margin:.45rem 0 0;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-soft)}.project-card{overflow:hidden;background:var(--bg-panel);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .08s ease,box-shadow .08s ease}.project-card:active{transform:translate(5px,5px);box-shadow:0 0 0 var(--line)}.project-card:first-child .project-thumb{background:linear-gradient(135deg,var(--yellow),rgba(92,217,255,.7))}.project-card:nth-child(2) .project-thumb{background:linear-gradient(135deg,var(--pink),rgba(255,230,0,.7))}.project-card:nth-child(3) .project-thumb{background:linear-gradient(135deg,var(--mint),rgba(92,217,255,.7))}.project-card:hover .project-title i{transform:translate(3px,-3px) rotate(4deg)}.project-thumb{display:flex;align-items:center;justify-content:center;height:200px;border-bottom:3px solid var(--line);background:linear-gradient(135deg,rgba(255,230,0,.55),rgba(255,95,162,.18));font-size:3rem;color:hsla(0,0%,7%,.35)}.project-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .45s cubic-bezier(.22,1,.36,1),filter .45s ease}.project-card:hover .project-thumb img{transform:scale(1.08) rotate(1deg);filter:saturate(1.12) contrast(1.04)}.project-card:active .project-thumb img{transform:scale(1.02)}.project-copy{padding:1.1rem 1rem 1.25rem}.project-title{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.project-title h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.4rem}.project-title i{transition:transform .2s ease}.project-copy p{margin:.75rem 0 1rem;line-height:1.6;color:var(--text-soft)}.tag-row{display:flex;flex-wrap:wrap;gap:.4rem}.tag-row span{display:inline-flex;align-items:center;padding:.35rem .7rem;border:2px solid var(--line);border-radius:999px;background:var(--mint);font-family:JetBrains Mono,monospace;font-size:.62rem;font-weight:700;text-transform:uppercase}.skill-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.skill-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:1rem .7rem;text-align:center;background:var(--bg-panel);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:5px 5px 0 var(--line);transition:transform .12s ease,box-shadow .12s ease}.skill-item:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--line)}.skill-item:active{transform:translate(5px,5px);box-shadow:0 0 0 var(--line)}.skill-item:nth-child(3n+1) .skill-icon{background:rgba(255,230,0,.7)}.skill-item:nth-child(3n+2) .skill-icon{background:rgba(92,217,255,.58)}.skill-item:nth-child(3n) .skill-icon{background:rgba(255,95,162,.55)}.skill-item:hover .skill-icon{transform:rotate(-6deg) scale(1.08)}.skill-icon{transition:transform .2s cubic-bezier(.22,1,.36,1)}.skill-mobile-hidden{display:flex}.skill-desktop-hidden{display:none}.skill-mobile-detail-hidden{display:flex}.skill-desktop-detail-hidden{display:none}.skill-is-visible{display:flex;animation:skill-reveal .35s ease both}.skill-icon{display:flex;align-items:center;justify-content:center;width:62px;height:62px;border:3px solid var(--line);border-radius:.55rem;background:rgba(255,230,0,.42)}.skill-icon img{width:36px;height:36px;-o-object-fit:contain;object-fit:contain}.certificate-toggle,.skill-item span,.skills-toggle{font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.certificate-toggle,.skills-toggle{display:flex;align-items:center;justify-content:center;gap:.6rem;margin:1.5rem auto 0;padding:.8rem 1.2rem;border:3px solid var(--line);border-radius:.8rem;box-shadow:5px 5px 0 var(--line);background:var(--yellow);color:var(--line);font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.certificate-toggle:hover,.skills-toggle:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--line);background:var(--mint)}.certificate-toggle:active,.skills-toggle:active{transform:translate(5px,5px);box-shadow:0 0 0 var(--line)}.certificate-toggle i,.skills-toggle i{transition:transform .2s ease}.certificate-toggle.is-expanded i,.skills-toggle.is-expanded i{transform:rotate(180deg)}.contact-section{padding:5rem 1.25rem 6rem;background:linear-gradient(180deg,var(--bg),rgba(255,230,0,.18))}.contact-box{max-width:1100px;margin:0 auto;padding:clamp(1.5rem,3vw,3rem);background:var(--bg-panel);text-align:center}.site-footer{background-image:linear-gradient(135deg,#111,#1d1d1d)}.contact-box h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(2.4rem,4vw,4.2rem);letter-spacing:-.07em}.contact-box p{max-width:42rem;margin:1rem auto 0;line-height:1.8;color:var(--text-soft)}.contact-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem}.contact-pill{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-width:150px;padding:.9rem 1.1rem;border:3px solid var(--line);border-radius:1rem;box-shadow:5px 5px 0 var(--line);font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--line);transition:transform .12s ease,box-shadow .12s ease}.contact-pill:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--line)}.contact-pill:active{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--line)}@media (min-width:901px){.hero-section{padding-top:3.5rem;padding-bottom:5rem}.hero-badge{margin-left:0}.hero-copy{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);align-items:center;max-width:1180px;min-height:500px;margin:0 auto;padding:clamp(2rem,3.5vw,3.5rem) 0;gap:clamp(2rem,4vw,4rem)}.hero-text-block{grid-column:2;grid-row:1}.hero-visual{grid-column:1;grid-row:1;align-content:center;justify-items:center}.hero-text-block .eyebrow{margin-bottom:0;font-size:clamp(1.7rem,2.6vw,2.5rem);font-weight:800;letter-spacing:-.04em;text-transform:none;color:var(--text)}.hero-visual{min-height:0}.profile-card{width:min(100%,330px);height:330px}.hero-text-block{max-width:620px}.hero-text-block .eyebrow{white-space:nowrap}.hero-copy h1{font-size:clamp(2rem,2.7vw,3.2rem);line-height:1}.hero-copy p{max-width:34rem}}.bg-brutal-pink{background:#ff5fa2}.bg-brutal-mint{background:#7cffcb}.bg-brutal-cyan{background:#5cd9ff}.bg-brutal-yellow{background:#ffe600}.bg-brutal-white{background:#fffdf7}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(124,255,203,.8)}70%{box-shadow:0 0 0 12px rgba(124,255,203,0)}to{box-shadow:0 0 0 0 rgba(124,255,203,0)}}@keyframes blink{50%{opacity:0}}@keyframes click-burst{0%{opacity:0;transform:scale(.25) rotate(-20deg)}35%{opacity:1;transform:scale(1.35) rotate(10deg)}to{opacity:0;transform:scale(.8) translateY(-18px) rotate(35deg)}}@keyframes click-spin{to{transform:rotate(180deg)}}@keyframes nav-section-change{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes skill-reveal{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal-on-scroll{opacity:1;transform:none}}@media (max-width:900px){.about-grid,.certificate-grid,.experience-grid,.hero-grid,.project-grid,.skill-grid{grid-template-columns:1fr}.hero-copy{max-width:none;gap:1rem}.hero-intro{order:1}.hero-text-block{order:2}.hero-visual{min-height:300px}.mini-stats{grid-template-columns:1fr}.experience-card,.experience-cards{width:100%;margin-left:0}}@media (max-width:767px){.site-navbar nav{grid-template-columns:minmax(0,1fr) auto}.nav-brand{width:10rem;min-width:10rem}}@media (max-width:640px){.hero-section{padding-top:2.4rem}.hero-copy h1{font-size:clamp(2.5rem,12vw,4rem)}.hero-copy{padding:1rem}.info-section{padding-right:1rem;padding-left:1rem}.section-dark .section-heading h2{max-width:18rem}.experience-grid{gap:1rem}.experience-card,.github-card{width:100%}.github-head{align-items:flex-start}.github-head h3{font-size:1.35rem}.contrib-bars{gap:.45rem;min-height:145px}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.skill-item{min-width:0;padding:.9rem .5rem}.skill-mobile-hidden:not(.skill-is-visible){display:none}.skill-desktop-hidden:not(.skill-is-visible){display:flex}.skill-mobile-detail-hidden{display:none}.skill-desktop-detail-hidden{display:flex}.skill-mobile-detail-hidden.skill-is-visible{display:none}.skill-desktop-detail-hidden.skill-is-visible{display:flex}.hero-visual{min-height:250px}.profile-card{width:min(100%,250px);height:250px}.cta-row{align-items:stretch}.card-head,.cta-row{flex-direction:column}.card-head{align-items:flex-start}.contact-pill{width:100%}.experience-card .card-head{flex-direction:column;align-items:flex-start}}@media (max-width:900px){.hero-copy{grid-template-columns:1fr}.hero-visual{order:1}.hero-text-block{order:2}}@media (min-width:901px){.experience-cards{width:calc(100% - clamp(3rem, 5vw, 5rem));margin-left:clamp(3rem,5vw,5rem)}}.info-section{position:relative;overflow:hidden}.info-section:after{position:absolute;top:2rem;right:2rem;padding:.35rem .55rem;border:2px solid var(--line);border-radius:999px;font-family:JetBrains Mono,monospace;font-size:.58rem;font-weight:700;letter-spacing:.12em;opacity:.55;transform:rotate(6deg);pointer-events:none}#about:after{content:"01 / ABOUT";background:var(--cyan)}#certificates:after{content:"02 / PROOF";background:var(--yellow)}#experience:after{content:"03 / WORK";background:var(--mint)}#projects:after{content:"04 / BUILDS";background:var(--pink)}#skills:after{content:"05 / TOOLS";background:var(--yellow)}.certificate-card,.project-card,.skill-item{position:relative;overflow:hidden}.certificate-card:after,.project-card:after,.skill-item:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(110deg,transparent 35%,hsla(0,0%,100%,.58) 50%,transparent 65%);transform:translateX(-130%);pointer-events:none}.certificate-card:hover:after,.project-card:hover:after,.skill-item:hover:after{animation:card-shine .75s ease forwards}@keyframes card-shine{0%{transform:translateX(-130%)}to{transform:translateX(130%)}}@media (max-width:640px){.info-section:after{top:1rem;right:1rem}}.certificate-detail-hidden:not(.certificate-is-visible){display:none}.certificate-detail-hidden.certificate-is-visible{display:block;animation:skill-reveal .35s ease both}.certificate-card,.project-card,.skill-item{box-shadow:5px 5px 0 var(--line)!important;transform:translate(0)!important;transition:transform .12s ease,box-shadow .12s ease;will-change:transform}.certificate-card:hover,.project-card:hover,.skill-item:hover{transform:translate(-2px,-2px)!important;box-shadow:7px 7px 0 var(--line)!important}.btn-brutal:active,.card-brutal:active,.certificate-card:active,.project-card:active,.skill-item:active,.skills-toggle:active{transform:translate(4px,4px)!important;box-shadow:2px 2px 0 var(--line)!important}.hover\:bg-brutal-yellow:hover{--tw-bg-opacity:1;background-color:rgb(255 230 0/var(--tw-bg-opacity,1))}@media (min-width:768px){.md\:flex{display:flex}.md\:h-96{height:24rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:text-left{text-align:left}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}