@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
*,:before,:after,::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:#3b82f680;--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: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,Arial,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family: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:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.outline-blue{outline-color:#168bff}.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)}:root{--ink:#101a2a;--muted:#5d6879;--blue:#168bff;--pale:#edf6ff;--line:#e4eaf1}*{box-sizing:border-box;scroll-behavior:smooth}body{color:var(--ink);background:#f8fafc;margin:0;font-family:DM Sans,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{color:#fff;z-index:10;background:#08111d;align-items:center;gap:32px;height:68px;padding:0 max(5.5%,50% - 660px);display:flex;position:relative}.brand{white-space:nowrap;margin-right:auto;font-family:Manrope,sans-serif;font-size:20px;font-weight:800}.brand span,.hero h1 span{color:#168bff}.desktop-nav{align-items:center;gap:26px;display:flex}.desktop-nav a,.mobile-nav a{color:#d6deea;font-size:12px;transition:color .2s}.desktop-nav a:hover,.mobile-nav a:hover{color:#54b3ff}.cv-button{white-space:nowrap;border:1px solid #aab7c8;border-radius:9px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.cv-button:hover{background:#17273a}.mobile-menu,.mobile-nav{display:none}.section-dark{color:#f8fbff;background:#08111d;position:relative;overflow:hidden}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:25px;min-height:440px;padding:64px max(5.5%,50% - 660px) 35px;display:grid}.hero-glow{pointer-events:none;background:radial-gradient(circle,#1285ff6b,#1285ff00 68%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-290px;right:-70px}.hero-copy{z-index:2;max-width:550px;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.07em;color:var(--blue);margin:0 0 9px;font-size:11px;font-weight:800}.eyebrow.light{color:#e4edf9}.hero h1{letter-spacing:-.055em;margin:10px 0 5px;font:800 clamp(48px,5.2vw,76px)/1.04 Manrope,sans-serif}.hero h1 span{color:#0000;background:linear-gradient(135deg,#56bdff,#0868f2);-webkit-background-clip:text;background-clip:text}.hero h2{margin:0 0 15px;font:700 26px Manrope,sans-serif}.hero-intro{color:#c7d1df;max-width:485px;margin:0;font-size:15px;line-height:1.75}.hero-actions{gap:12px;margin-top:25px;display:flex}.button{border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 17px;font-size:12px;font-weight:700;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.primary{color:#fff;background:linear-gradient(135deg,#27a7ff,#087df4);box-shadow:0 8px 22px #087df426}.primary:hover{background:#0873dc}.outline-light{color:#fff;border:1px solid #9aa8b8;padding-left:22px;padding-right:22px}.outline-light:hover{background:#ffffff12}.hero-meta{color:#d5deea;flex-wrap:wrap;align-items:center;gap:18px;margin-top:31px;font-size:11px;display:flex}.hero-meta span,.hero-meta a{align-items:center;gap:7px;display:flex}.hero-meta a:hover{color:#57b7ff}.hero-visual{justify-content:center;align-self:stretch;align-items:flex-end;min-height:355px;display:flex;position:relative}.orbit{border:1px solid #2c83d555;border-radius:50%;position:absolute;transform:rotate(-25deg)}.orbit-one{width:350px;height:430px;bottom:-125px;right:5%}.orbit-two{border-color:#2588ee35;width:260px;height:350px;bottom:-80px;right:15%}.hero-note{z-index:2;color:#b3c6dc;font-size:13px;font-style:italic;line-height:1.7;position:absolute;top:30px;left:3%;transform:rotate(-7deg)}.hero-note svg{color:#8ebbe8;margin:3px 0 0 35px;transform:rotate(-25deg)}.portrait-placeholder{background:linear-gradient(145deg,#13263a,#0b1727 62%,#075a9f);border-radius:180px 180px 18px 18px;width:min(82%,350px);height:335px;position:relative;overflow:hidden;box-shadow:inset 0 0 55px #188aff24}.portrait-halo{opacity:.75;background:linear-gradient(135deg,#147bd4,#092d51);border-radius:50%;width:280px;height:280px;position:absolute;top:35px;right:-70px}.portrait-head{z-index:2;background:linear-gradient(100deg,#9c654b,#e0a27e 55%,#9a6047);border-radius:48% 48% 43% 43%;width:105px;height:125px;position:absolute;top:53px;left:calc(50% - 49px);box-shadow:inset -12px -5px #754a3c}.portrait-head:before{content:"";background:#171b21;border-radius:55% 50% 25% 20%;width:106px;height:51px;position:absolute;top:-11px;left:0;box-shadow:0 13px 0 -3px #171b21}.portrait-head:after{content:"";border-bottom:5px solid #38231e;border-radius:0 0 45% 45%;width:62px;height:36px;position:absolute;top:64px;left:20px}.portrait-neck{z-index:1;background:#b87b5b;width:48px;height:53px;position:absolute;top:162px;left:calc(50% - 23px)}.portrait-body{background:linear-gradient(100deg,#070b11,#1b2029 45%,#060a10);border-radius:45% 45% 0 0;width:240px;height:190px;position:absolute;bottom:-25px;left:calc(50% - 120px)}.portrait-shirt{clip-path:polygon(0 0,100% 0,65% 100%,40% 100%);background:#111923;border-left:1px solid #333;width:40px;height:170px;position:absolute;bottom:0;left:calc(50% - 12px)}.hero-badge{color:#dceaff;background:#11243a;border:1px solid #254563;border-radius:9px;align-items:center;gap:8px;padding:10px 13px;font-size:11px;display:flex;position:absolute;bottom:17px;right:0;box-shadow:0 8px 25px #0003}.online-dot{background:#33d69f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #33d69f20}.section-light{background:#f8fafc}.projects-section,.about-section,.skills-section,.experience-section{padding:60px max(5.5%,50% - 660px)}.section-heading{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:26px;display:flex}.section-heading h2,.section-main h2,.experience-section h2,.contact-content h2{letter-spacing:-.04em;margin:0 0 9px;font:800 clamp(25px,2.4vw,34px)/1.2 Manrope,sans-serif}.section-subtitle{color:var(--muted);max-width:650px;margin:0;font-size:13px;line-height:1.65}.outline-blue{color:#087af0;background:#fff;border:1px solid #168bff}.outline-blue:hover{background:#eef7ff}.outline-gray{color:#182538;background:#fff;border:1px solid #c6d0dc}.outline-gray:hover{background:#f1f5f9}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.project-card{background:#fff;border:1px solid #edf0f5;border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 5px 22px #182d4607}.project-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px #182d4610}.project-preview{background:#eaf3fb;height:205px;padding:16px 19px 0;position:relative;overflow:hidden}.preview-car{background:linear-gradient(140deg,#d6eaf9,#f4f8fc)}.preview-social{background:linear-gradient(140deg,#e8edf2,#f5f7f9)}.preview-cars{background:linear-gradient(140deg,#e7eff8,#f9fafc)}.preview-portfolio{background:linear-gradient(140deg,#e2edfb,#f5f8fc)}.browser-bar{background:#fff;border:1px solid #dce4ec;border-bottom:0;border-radius:7px 7px 0 0;align-items:center;gap:4px;height:20px;padding:0 8px;display:flex;position:relative}.browser-bar>span{background:#c5d0db;border-radius:50%;width:5px;height:5px}.browser-bar i{color:#566478;margin-left:6px;font-size:7px;font-style:normal}.browser-bar b{color:#9ba8b6;margin-left:auto;font-size:8px}.preview-body{color:#fff;background:#071e34;border-radius:3px 3px 0 0;height:185px;padding:24px 22px;position:relative;overflow:hidden;box-shadow:0 3px 10px #1c30411c}.preview-social .preview-body{background:#0d1017}.preview-cars .preview-body{color:#172437;background:#f7fafc}.preview-portfolio .preview-body{background:linear-gradient(120deg,#081526,#153d65)}.preview-copy{z-index:2;position:relative}.preview-copy small{letter-spacing:.15em;color:#72c4ff;margin-bottom:8px;font-size:6px;display:block}.preview-copy strong{letter-spacing:-.04em;font:800 19px/1.1 Manrope,sans-serif;display:block}.preview-copy strong span{color:#29a2ff}.preview-copy p{color:#c7d4e3;margin:8px 0;font-size:8px}.preview-cars .preview-copy p{color:#66758a}.tiny-buttons{gap:6px;margin-top:12px;display:flex}.tiny-buttons span{background:#168bff;border-radius:4px;padding:5px 8px;font-size:6px;font-weight:700}.tiny-buttons span+span{background:0 0;border:1px solid #8fa2b8}.car-shape{background:linear-gradient(160deg,#f4f7f9,#839bad 50%,#20394e);border-radius:45% 40% 15% 12%;width:48%;height:46px;position:absolute;bottom:22px;right:15px;transform:skew(-9deg);box-shadow:0 14px 12px #0005}.car-shape:before{content:"";clip-path:polygon(15% 100%,35% 0,75% 0,100% 100%);background:#a7c2d8;border-radius:8px;width:53%;height:26px;position:absolute;top:-19px;left:23%}.car-window{background:#1a354a;border-radius:3px;width:32%;height:14px;position:absolute;top:-14px;left:37%;transform:skew(7deg)}.car-wheel{background:#121922;border:4px solid #758797;border-radius:50%;width:18px;height:18px;position:absolute;bottom:-7px}.car-wheel.one{left:15%}.car-wheel.two{right:15%}.photo-stack{align-items:flex-end;gap:5px;display:flex;position:absolute;top:28px;right:15px}.photo-stack div{background:linear-gradient(140deg,#efb37a,#433d46 55%,#10151d);border-radius:3px;width:36px;height:65px}.photo-stack div:nth-child(2){background:linear-gradient(140deg,#b5d5d2,#444d57 45%,#161a23);height:85px}.photo-stack div:nth-child(3){background:linear-gradient(140deg,#f0c7a0,#66534a 45%,#161a23);height:52px}.mini-cars{filter:saturate(.75);gap:4px;font-size:35px;display:flex;position:absolute;bottom:38px;right:18px}.mini-person{text-align:center;color:#fff;background:linear-gradient(130deg,#111c2c,#284f75);border-radius:38px 38px 0 0;width:72px;height:92px;padding-top:23px;font:800 22px Manrope;position:absolute;bottom:20px;right:28px}.mini-person span{color:#39aaff}.project-content{padding:17px 18px 18px}.project-category{color:#168bff;text-transform:uppercase;letter-spacing:.08em;margin:0 0 5px;font-size:9px;font-weight:800}.project-content h3{letter-spacing:-.03em;align-items:center;gap:7px;margin:0 0 8px;font:800 18px Manrope,sans-serif;display:flex}.project-content h3 a{color:#168bff;display:inline-flex}.project-desc{color:#4f5c6e;min-height:60px;margin:0;font-size:12px;line-height:1.65}.tag-row{flex-wrap:wrap;gap:6px;margin:13px 0 15px;display:flex}.tag-row span{color:#344256;background:#edf2f7;border-radius:6px;padding:6px 9px;font-size:10px}.project-links{gap:8px;display:flex}.button.small{border-radius:7px;min-width:100px;padding:8px 12px;font-size:10px}.about-section{grid-template-columns:1fr 260px;align-items:center;gap:35px;padding-top:56px;padding-bottom:42px;display:grid}.section-main h2{font-size:31px}.about-copy{color:#455266;max-width:750px;margin:0;font-size:13px;line-height:1.8}.values-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;margin-top:27px;display:grid}.values-grid>div{min-width:0}.value-icon{color:#168bff;background:#f1f8ff;border:1px solid #d8eaff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:10px;display:flex}.value-icon svg{width:19px}.values-grid h3{margin:0 0 5px;font-size:12px;font-weight:800}.values-grid p{color:#697487;margin:0;font-size:11px;line-height:1.55}.profile-card{background:linear-gradient(145deg,#edf6ff,#e6f2ff);border:1px solid #e2efff;border-radius:14px;gap:17px;padding:17px 15px;display:grid}.profile-row{align-items:center;gap:12px;display:flex}.profile-row>span{color:#168bff;background:#d9edff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.profile-row svg{width:17px}.profile-row b{font-size:11px}.profile-row p{color:#46546a;overflow-wrap:anywhere;margin:3px 0 0;font-size:11px}.skills-section{padding-top:26px;padding-bottom:47px}.skills-section .section-heading{margin-bottom:18px}.skills-section h2{font-size:30px}.skills-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;display:grid}.skill-card{color:#3d4a5e;background:#fff;border:1px solid #e7edf4;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:72px;font-size:10px;transition:transform .2s,border-color .2s;display:flex}.skill-card:hover{border-color:#9bceff;transform:translateY(-2px)}.skill-mark{color:#0b1422;border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;font-weight:800;display:flex}.skill-mark.next,.skill-mark.github{color:#fff;background:#101820;border-radius:50%}.skill-mark.react{color:#12b8dc;font-size:25px}.skill-mark.ts{color:#fff;background:#168bd2;font-size:12px}.skill-mark.js{background:#f5d328;font-size:12px}.skill-mark.html{color:#ed5b36;font-size:22px}.skill-mark.css{color:#168bdf;font-size:22px}.skill-mark.bootstrap{color:#fff;background:#6d36b7}.skill-mark.tailwind{color:#14b8cf;font-size:27px}.skill-mark.node{color:#40ad58;font-size:23px}.skill-mark.supabase{color:#20c58b;font-size:27px}.skill-mark.mongo{color:#35a96a}.skill-mark.postgres{color:#47799a}.skill-mark.git{color:#ef553e}.skill-mark.vercel{color:#111;font-size:22px}.skill-mark.aws{color:#1b2735;font-size:16px}.experience-section{padding-top:8px;padding-bottom:66px}.experience-section h2{margin-bottom:24px;font-size:30px}.timeline{padding-left:35px;position:relative}.timeline:before{content:"";background:#d7e0ea;width:1px;position:absolute;top:10px;bottom:15px;left:8px}.timeline-item{margin-bottom:16px;position:relative}.timeline-dot{background:#b6bec8;border:2px solid #f8fafc;border-radius:50%;width:14px;height:14px;position:absolute;top:12px;left:-34px;box-shadow:0 0 0 1px #b6bec8}.timeline-dot.active{background:#168bff;box-shadow:0 0 0 1px #168bff}.experience-card{background:#fff;border:1px solid #e8edf3;border-radius:13px;padding:17px 19px;box-shadow:0 3px 12px #172d4304}.experience-top{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.experience-top h3{margin:0 0 5px;font-size:13px;font-weight:800}.experience-top>span{color:#637187;white-space:nowrap;font-size:10px}.experience-card h4{margin:0 0 10px;font-size:11px;font-weight:600}.experience-card ul{color:#536074;margin:0;padding-left:15px;font-size:11px;line-height:1.8}.contact-section{min-height:300px;padding:48px max(5.5%,50% - 660px) 0}.contact-content{z-index:2;max-width:780px;padding-bottom:38px;position:relative}.light-blue{color:#43b7ff}.contact-content h2{margin-bottom:9px;font-size:31px}.contact-content>p:not(.eyebrow){color:#c5d0df;max-width:550px;margin:0 0 22px;font-size:12px;line-height:1.7}.contact-details{flex-wrap:wrap;gap:22px;margin-bottom:21px;display:flex}.contact-details>a,.contact-details>span{color:#dbe5f1;align-items:center;gap:8px;display:flex}.contact-details>*>svg{flex-shrink:0;width:16px;height:16px}.contact-details b,.contact-details small{font-size:10px;font-weight:500;display:block}.contact-details small{color:#57b6ff;margin-top:3px;font-size:9px}.contact-art{opacity:.8;pointer-events:none;width:36%;height:220px;position:absolute;top:24px;right:5%}.art-window{background:linear-gradient(140deg,#101e30,#0c1522);border:1px solid #3b516a;border-radius:8px;width:58%;height:155px;padding:12px;position:absolute;top:15px;right:14%;transform:perspective(450px)rotateY(-12deg)rotate(3deg);box-shadow:0 15px 40px #0005}.art-window>span{background:#8192a6;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.code-lines{gap:8px;margin-top:15px;display:grid}.code-lines i{opacity:.8;background:#248fff;border-radius:3px;width:78%;height:4px}.code-lines i:nth-child(2n){background:#6ccdb3;width:55%}.code-lines i:nth-child(3n){background:#b28bf1;width:68%}.art-plant{width:58px;height:80px;position:absolute;bottom:28px;right:74%}.art-plant b{clip-path:polygon(0 0,100% 0,80% 100%,20% 100%);background:#1d3550;width:30px;height:31px;position:absolute;bottom:0;left:17px}.art-plant i{background:linear-gradient(90deg,#23553e,#367b50);border-radius:100% 0;width:19px;height:45px;position:absolute;bottom:24px;left:25px;transform:rotate(-24deg)}.art-plant i:nth-child(2){height:37px;left:9px;transform:rotate(-53deg)}.art-plant i:nth-child(3){height:53px;left:30px;transform:rotate(23deg)}.art-cup{color:#d5e7f7;background:linear-gradient(90deg,#283c51,#8b9aab,#233448);border-radius:3px 3px 12px 12px;place-items:center;width:40px;height:35px;font-size:9px;display:grid;position:absolute;bottom:27px;right:3%;box-shadow:0 7px 12px #0005}footer{color:#b8c5d6;border-top:1px solid #243244;justify-content:space-between;align-items:center;gap:20px;min-height:58px;font-size:10px;display:flex}footer nav{gap:22px;display:flex}footer a:hover{color:#56baff}.footer-social{gap:15px;display:flex}.footer-social svg{width:14px;height:14px}@media (min-width:1200px){.site-header,.hero,.projects-section,.about-section,.skills-section,.experience-section,.contact-section{padding-left:calc(50% - 660px);padding-right:calc(50% - 660px)}}@media (max-width:900px){.site-header{gap:16px;padding:0 5%}.desktop-nav{gap:15px}.desktop-nav a{font-size:11px}.hero{gap:10px;padding:48px 5% 30px}.hero h1{font-size:55px}.hero h2{font-size:22px}.hero-intro{font-size:13px}.hero-visual{min-height:310px}.portrait-placeholder{width:88%;height:300px}.hero-note{font-size:11px;left:-2%}.projects-section,.about-section,.skills-section,.experience-section{padding-left:5%;padding-right:5%}.about-section{grid-template-columns:1fr 220px;gap:25px}.values-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}.skills-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.contact-section{padding-left:5%;padding-right:5%}.contact-art{opacity:.45;width:35%;right:2%}.contact-content{max-width:72%}}@media (max-width:620px){.site-header{gap:12px;height:64px;padding:0 20px}.brand{font-size:19px}.desktop-nav{display:none}.cv-button{margin-left:auto;padding:9px 10px;font-size:10px}.mobile-menu{color:#fff;background:0 0;border:0;padding:6px;display:flex}.mobile-menu svg{width:21px}.mobile-nav{background:#0c1929;border-top:1px solid #203148;flex-direction:column;gap:18px;padding:17px 22px 20px;display:flex;position:absolute;top:64px;left:0;right:0;box-shadow:0 12px 20px #0002}.hero{flex-direction:column;align-items:stretch;gap:8px;padding:42px 22px 26px;display:flex}.hero-copy{max-width:none}.hero h1{font-size:54px}.hero h2{font-size:23px}.hero-intro{font-size:13px;line-height:1.8}.hero-meta{gap:13px;margin-top:23px}.hero-visual{max-width:100%;min-height:270px;margin-top:8px}.portrait-placeholder{width:230px;height:265px}.portrait-head{transform-origin:top;top:46px;transform:scale(.85)}.portrait-neck{top:147px}.portrait-body{height:150px}.portrait-shirt{height:140px}.hero-note{font-size:10px;top:15px;left:0}.hero-badge{bottom:10px;right:0}.projects-section,.about-section,.skills-section,.experience-section{padding:43px 20px}.section-heading{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:20px}.section-heading h2,.section-main h2,.experience-section h2{font-size:26px}.section-subtitle{font-size:12px}.project-grid{grid-template-columns:1fr;gap:15px}.project-preview{height:200px}.preview-body{height:180px}.project-content{padding:16px}.project-desc{min-height:0}.about-section{flex-direction:column;align-items:stretch;gap:23px;padding-top:40px;padding-bottom:34px;display:flex}.about-copy{font-size:12px}.values-grid{gap:18px 14px}.profile-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:15px}.profile-row{align-items:flex-start;gap:8px}.profile-row>span{width:31px;height:31px}.profile-row p{font-size:10px}.skills-section{padding-top:15px}.skills-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.skill-card{min-height:72px;font-size:9px}.experience-section{padding-top:0;padding-bottom:45px}.experience-section h2{margin-bottom:20px}.timeline{padding-left:27px}.timeline:before{left:6px}.timeline-dot{width:13px;height:13px;left:-27px}.experience-card{padding:14px}.experience-top{flex-direction:column;gap:3px}.experience-top>span{font-size:10px}.experience-card ul{font-size:10px;line-height:1.7}.contact-section{min-height:0;padding:38px 20px 0}.contact-content{max-width:none;padding-bottom:30px}.contact-content h2{font-size:27px}.contact-art{opacity:.22;width:55%;top:auto;bottom:65px;right:-8%}.contact-details{grid-template-columns:1fr 1fr;gap:17px 12px;display:grid}.contact-details small{overflow-wrap:anywhere}footer{grid-template-columns:1fr auto;gap:14px;padding:17px 0;display:grid}footer nav{grid-area:2/1/auto/-1;gap:18px}footer .footer-social{justify-self:end}.button{padding:11px 14px}.project-links .button{flex:1;min-width:0}.contact-content>p:not(.eyebrow){max-width:100%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.hero-redesign{background:radial-gradient(at 78% 48%,#102b48 0%,#081522 42%,#07111e 76%);grid-template-columns:minmax(0,1.03fr) minmax(390px,.97fr);gap:45px;min-height:610px;padding-top:76px;padding-bottom:80px}.hero-redesign .hero-glow{background:radial-gradient(circle,#148bff4d,#148bff00 68%);width:620px;height:620px;bottom:-330px;right:-100px}.hero-grid-pattern{opacity:.16;pointer-events:none;background-image:linear-gradient(#6aa9e51c 1px,#0000 1px),linear-gradient(90deg,#6aa9e51c 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 70%);mask-image:linear-gradient(90deg,#0000 0%,#000 70%)}.hero-redesign .hero-copy{max-width:610px;padding-bottom:12px}.hero-availability{color:#d8e7f7;letter-spacing:.095em;background:#10243a99;border:1px solid #31516c;border-radius:999px;align-items:center;gap:9px;margin-bottom:26px;padding:9px 12px;font-size:10px;font-weight:800;display:inline-flex;box-shadow:0 6px 24px #00000012}.hero-availability .online-dot{flex-shrink:0;width:7px;height:7px}.hero-redesign .hero-greeting{letter-spacing:.13em;color:#9eb6cf;margin-bottom:4px;font-size:12px}.hero-redesign h1{letter-spacing:-.075em;margin:0 0 17px;font-size:clamp(58px,6.4vw,88px);line-height:.99}.hero-redesign h1 em{color:#51b8ff;font-style:normal}.hero-redesign h2{color:#f4f8ff;letter-spacing:-.035em;flex-wrap:wrap;align-items:center;gap:11px;margin:0 0 19px;font-size:clamp(18px,2vw,25px);line-height:1.4;display:flex}.hero-title-divider{color:#4b91ca;font-weight:400}.hero-title-tech{color:#75bfff}.hero-redesign .hero-intro{color:#b8c8da;max-width:500px;font-size:15px;line-height:1.85}.hero-redesign .hero-actions{gap:13px;margin-top:29px}.hero-redesign .button{border-radius:11px;min-height:47px;padding:13px 18px;font-size:12px}.hero-primary{box-shadow:0 10px 28px #0787f53b}.hero-secondary{background:#ffffff04;border-color:#344c65;padding-left:17px!important;padding-right:17px!important}.hero-redesign .hero-meta{color:#aebed0;gap:17px 21px;margin-top:32px;font-size:11px}.hero-redesign .hero-meta>a{transition:color .2s}.hero-socials{align-items:center;gap:8px;margin-left:1px;display:flex}.hero-redesign .hero-socials a{color:#dcecff;background:#102238;border:1px solid #2d425a;border-radius:9px;place-items:center;width:31px;height:31px;transition:transform .2s,border-color .2s,background .2s;display:grid}.hero-redesign .hero-socials a:hover{color:#fff;background:#15314d;border-color:#389df3;transform:translateY(-2px)}.hero-visual-new{isolation:isolate;justify-content:center;align-self:center;align-items:center;min-height:420px}.visual-orbit{pointer-events:none;border:1px solid #3489c53b;border-radius:50%;position:absolute;transform:rotate(-24deg)}.visual-orbit-a{width:420px;height:360px;top:7%;right:2%}.visual-orbit-b{border-color:#2e7ec52b;width:350px;height:450px;top:-2%;right:11%;transform:rotate(24deg)}.hero-code-card{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#102238f7,#0b1727f7);border:1px solid #2b4661;border-radius:18px;width:min(100%,440px);position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:0 32px 90px #0006,0 0 0 7px #ffffff04}.code-card-top{color:#9aadc2;background:#12243a;border-bottom:1px solid #263a50;align-items:center;gap:12px;height:48px;padding:0 17px;font-size:10px;display:flex}.window-dots{gap:5px;display:flex}.window-dots i{background:#ff6d6d;border-radius:50%;width:7px;height:7px;display:block}.window-dots i:nth-child(2){background:#ffc15b}.window-dots i:nth-child(3){background:#43d9a3}.code-card-status{color:#7de0b5;align-items:center;gap:5px;margin-left:auto;font-size:9px;display:flex}.code-card-content{color:#dce9f8;min-height:245px;padding:24px 16px 25px;font:12px/2.05 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:relative}.code-line{white-space:pre;align-items:baseline;display:flex;position:relative}.line-no{color:#506982;-webkit-user-select:none;user-select:none;width:28px;font-size:10px;display:inline-block}.code-line.indent{padding-left:25px}.code-line.deeper{padding-left:49px}.syntax-purple{color:#d7a1ff}.syntax-blue{color:#7ec8ff}.syntax-green{color:#a9e6b6}.code-cursor{background:#65c7ff;width:2px;height:15px;position:absolute;bottom:39px;left:218px;box-shadow:0 0 12px #65c7ff}.code-card-footer{color:#9bb0c7;background:#0b1929;border-top:1px solid #263a50;justify-content:space-between;align-items:center;height:42px;padding:0 16px;font-size:9px;display:flex}.code-card-footer>span:first-child{align-items:center;gap:8px;display:flex}.code-card-footer .online-dot{width:6px;height:6px}.hero-floating-tag{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f1f7ff;background:#13283df0;border:1px solid #34536e;border-radius:13px;align-items:center;gap:10px;padding:12px 15px;display:flex;position:absolute;box-shadow:0 15px 36px #0004}.hero-floating-tag b,.hero-floating-tag small{display:block}.hero-floating-tag b{margin-bottom:4px;font-size:10px}.hero-floating-tag small{color:#a9bed4;white-space:nowrap;font-size:9px}.tag-icon{color:#72c6ff;background:#153b5a;border-radius:10px;place-items:center;width:33px;height:33px;display:grid}.tag-icon-blue{color:#67e2cf;background:#143e51}.tag-top{top:15px;left:-5px}.tag-bottom{bottom:17px;right:-2px}.hero-tech-orb{z-index:2;color:#a6dfff;background:linear-gradient(145deg,#1b3853,#10243a);border:1px solid #426480;border-radius:14px;place-items:center;width:43px;height:43px;font-weight:800;display:grid;position:absolute;box-shadow:0 10px 25px #0004}.orb-react{color:#55d6f2;font-size:26px;top:29%;right:1%}.orb-next{color:#fff;border-radius:50%;font-size:19px;bottom:21%;left:2%}.hero-scroll-cue{color:#7e94ab;letter-spacing:.15em;align-items:center;gap:10px;font-size:9px;font-weight:800;display:flex;position:absolute;bottom:25px;left:max(5.5%,50% - 660px)}.hero-scroll-cue span{background:#328ed5;width:27px;height:1px}.hero-scroll-cue svg{color:#6abaff}@media (min-width:1200px){.hero-redesign{padding-top:80px;padding-bottom:86px}}@media (max-width:900px){.hero-redesign{grid-template-columns:minmax(0,1fr) minmax(310px,.9fr);gap:20px;min-height:560px;padding-top:58px;padding-bottom:70px}.hero-redesign h1{font-size:clamp(53px,7vw,72px)}.hero-redesign .hero-intro{font-size:13px}.hero-visual-new{min-height:350px}.hero-code-card{width:100%}.code-card-content{padding:20px 12px;font-size:10px}.hero-floating-tag{padding:10px}.tag-top{left:-4px}.tag-bottom{right:-3px}.hero-scroll-cue{bottom:22px;left:5%}}@media (max-width:620px){.hero-redesign{flex-direction:column;align-items:stretch;gap:7px;min-height:0;padding:36px 22px 72px;display:flex}.hero-redesign .hero-copy{padding:0}.hero-availability{letter-spacing:.075em;margin-bottom:21px;padding:8px 10px;font-size:8px}.hero-redesign .hero-greeting{margin-bottom:5px;font-size:11px}.hero-redesign h1{margin-bottom:12px;font-size:clamp(57px,16vw,76px)}.hero-redesign h2{gap:7px;margin-bottom:14px;font-size:18px}.hero-redesign .hero-intro{font-size:13px;line-height:1.8}.hero-redesign .hero-actions{gap:9px;margin-top:22px}.hero-redesign .button{min-height:44px;padding:12px 13px;font-size:11px}.hero-redesign .hero-meta{gap:13px 17px;margin-top:22px;font-size:10px}.hero-redesign .hero-meta>a[href^=mailto]{font-size:10px}.hero-redesign .hero-socials{width:100%;margin-top:0}.hero-redesign .hero-socials a{width:30px;height:30px}.hero-visual-new{width:100%;min-height:315px;margin-top:6px;overflow:visible}.hero-code-card{width:calc(100% - 16px);max-width:420px;margin-top:9px;transform:rotate(-1deg)}.code-card-top{height:41px;padding:0 12px}.code-card-content{min-height:202px;padding:17px 10px 19px;font-size:10px;line-height:1.95}.line-no{width:24px;font-size:9px}.code-line.indent{padding-left:17px}.code-line.deeper{padding-left:34px}.code-card-footer{height:36px;padding:0 12px}.hero-floating-tag{border-radius:11px;gap:7px;padding:9px 10px}.hero-floating-tag b{font-size:9px}.hero-floating-tag small{font-size:8px}.tag-icon{width:28px;height:28px}.tag-top{top:0;left:-2px}.tag-bottom{bottom:0;right:-1px}.visual-orbit-a{width:95%;height:280px;top:9%;right:0}.visual-orbit-b{width:80%;height:300px;top:3%;right:9%}.hero-tech-orb{border-radius:11px;width:35px;height:35px}.orb-react{font-size:22px;top:30%;right:0}.orb-next{font-size:16px;bottom:19%;left:0}.hero-scroll-cue{font-size:8px;bottom:22px;left:22px}}