@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=JetBrains+Mono:wght@400;500&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,400&display=swap";/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}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,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}::file-selector-button{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.contents{display:contents}.flex{display:flex}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),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-filter{-webkit-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,);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{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}:root{--bg:#080d18;--bg-alt:#0d1526;--bg-card:#111827;--border:hsla(0,0%,100%,.07);--text:#e2e8f0;--text-muted:#64748b;--accent:#00e5ff;--accent-2:#7c3aed;--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--font-mono:"JetBrains Mono",monospace}.portfolio.dark{--bg:#080d18;--bg-alt:#0d1526;--bg-card:#111827;--border:hsla(0,0%,100%,.07);--text:#e2e8f0;--text-muted:#64748b}.portfolio:not(.dark){--bg:#f8fafc;--bg-alt:#f1f5f9;--bg-card:#fff;--border:rgba(0,0,0,.08);--text:#0f172a;--text-muted:#94a3b8}*{box-sizing:border-box;margin:0;padding:0}.portfolio{background:var(--bg);color:var(--text);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}p{color:var(--text-muted);line-height:1.75}p+p{margin-top:1rem}strong{color:var(--text);font-weight:600}em{color:var(--accent);font-style:normal}.nav{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080d18bf;border-bottom:1px solid var(--border);display:flex;gap:2rem;left:0;padding:1rem 2.5rem;position:fixed;right:0;top:0;transition:background .3s;z-index:100}.portfolio:not(.dark) .nav{background:#f8fafcd9}.nav-logo{font-family:var(--font-display);font-size:1.4rem;font-weight:800;letter-spacing:-.03em;margin-right:auto}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--text-muted);font-size:.875rem;font-weight:500;padding-bottom:2px;position:relative;transition:color .2s}.nav-links a:after{background:var(--accent);bottom:0;content:"";height:1px;left:0;position:absolute;transition:width .25s;width:0}.nav-links a.active,.nav-links a:hover{color:var(--text)}.nav-links a.active:after{width:100%}.theme-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;display:flex;height:36px;justify-content:center;transition:border-color .2s,background .2s;width:36px}.theme-btn:hover{border-color:var(--accent)}.hero{align-items:center;display:flex;min-height:100vh;overflow:hidden;padding:7rem 2.5rem 4rem;position:relative}.hero-bg{pointer-events:none}.grid-lines,.hero-bg{top:0;right:0;bottom:0;left:0;position:absolute}.grid-lines{background-image:linear-gradient(90deg,rgba(0,229,255,.03) 1px,transparent 0),linear-gradient(180deg,rgba(0,229,255,.03) 1px,transparent 0);background-size:60px 60px}.glow{border-radius:50%;filter:blur(80px);opacity:.15;position:absolute}.glow-1{background:var(--accent);height:600px;left:-100px;top:-100px;width:600px}.glow-2{background:var(--accent-2);bottom:-100px;height:500px;opacity:.1;right:-50px;width:500px}.hero-content{margin:0 auto;max-width:900px;position:relative;z-index:1}.hero-tag{align-items:center;background:#00e5ff0d;border:1px solid rgba(0,229,255,.3);border-radius:100px;color:var(--accent);display:inline-flex;font-family:var(--font-mono);font-size:.8rem;gap:.5rem;margin-bottom:2rem;padding:.35rem 1rem}.dot{animation:pulse 2s infinite;background:var(--accent);border-radius:50%;height:6px;width:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero-name{font-family:var(--font-display);font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:1.5rem}.hero-name .line-1{color:var(--text-muted);display:block;font-size:clamp(3.5rem,10vw,8rem)}.hero-name .line-2{color:var(--text);display:block;font-size:clamp(4rem,12vw,10rem)}.hero-title{color:var(--accent);font-family:var(--font-mono);font-size:clamp(1rem,2.5vw,1.4rem);margin-bottom:1.5rem;min-height:2rem}.title-prefix{opacity:.4}.cursor{display:inline-block;font-weight:100;margin-left:1px}.cursor.blink{animation:blink 1.1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-desc{color:var(--text-muted);font-size:1.125rem;line-height:1.7;margin-bottom:2.5rem;max-width:560px}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:3.5rem}.hero-stats{align-items:center;display:flex;gap:2rem}.stat{display:flex;flex-direction:column}.stat-num{color:var(--text);font-family:var(--font-display);font-size:2rem;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);font-size:.75rem;letter-spacing:.1em;margin-top:.25rem;text-transform:uppercase}.stat-divider{background:var(--border);height:40px;width:1px}.btn-primary{align-items:center;background:var(--accent);border-radius:10px;color:#050d1a;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:opacity .2s,transform .2s}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-ghost{align-items:center;background:transparent;border:1px solid var(--border);border-radius:10px;color:var(--text);display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:border-color .2s,background .2s}.btn-ghost:hover{background:#00e5ff0d;border-color:var(--accent)}.section{padding:6rem 2.5rem}.section-alt{background:var(--bg-alt)}.container{margin:0 auto;max-width:1100px}.section-header{align-items:baseline;display:flex;gap:1rem;margin-bottom:3.5rem}.section-num{color:var(--accent);font-family:var(--font-mono);font-size:.85rem;opacity:.6}.section-title{font-family:var(--font-display);font-size:2.25rem;font-weight:700;letter-spacing:-.03em}.about-grid{align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 340px}@media (max-width:768px){.about-grid{grid-template-columns:1fr}}.about-text{font-size:1.05rem}.quote{background:#00e5ff0a;border-left:3px solid var(--accent);border-radius:0 8px 8px 0;color:var(--accent);font-family:var(--font-mono);font-size:.95rem;margin-top:2rem;padding:1.25rem 1.5rem}.about-meta{display:flex;flex-direction:column;gap:.75rem}.meta-card{align-items:flex-start;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;gap:.875rem;padding:1rem 1.25rem}.meta-label{color:var(--text-muted);display:block;font-size:.7rem;letter-spacing:.1em;margin-bottom:.15rem;text-transform:uppercase}.meta-value{color:var(--text);display:block;font-size:.875rem;font-weight:500}.accent-icon,.meta-link:hover{color:var(--accent)}.accent-icon{flex-shrink:0;margin-top:1px}.timeline{padding-left:2rem;position:relative}.timeline:before{background:var(--border);bottom:0;content:"";left:0;position:absolute;top:8px;width:1px}.timeline-item{padding-bottom:3rem;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{background:var(--accent);border-radius:50%;box-shadow:0 0 0 3px #00e5ff26;height:9px;left:-2rem;position:absolute;top:8px;transform:translate(-4px);width:9px}.timeline-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.75rem;transition:border-color .2s}.timeline-card:hover{border-color:#00e5ff40}.timeline-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.job-date{color:var(--text-muted);display:block;font-family:var(--font-mono);font-size:.75rem;margin-bottom:.35rem}.job-title{color:var(--text);font-family:var(--font-display);font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.job-company{color:var(--accent);font-size:.875rem;font-weight:500}.job-company:hover{text-decoration:underline}.job-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{border:1px solid var(--border);border-radius:100px;color:var(--text-muted);font-family:var(--font-mono);font-size:.7rem;padding:.2rem .6rem}.job-bullets{display:flex;flex-direction:column;gap:.5rem;list-style:none}.job-bullets li{color:var(--text-muted);font-size:.9rem;line-height:1.6;padding-left:1.1rem;position:relative}.job-bullets li:before{color:var(--accent);content:"→";font-size:.8rem;left:0;position:absolute}.skills-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.skill-group{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.5rem;transition:border-color .2s}.skill-group:hover{border-color:#00e5ff33}.skill-group-header{align-items:center;display:flex;gap:.625rem;margin-bottom:1.1rem}.skill-group-header h3{color:var(--text);font-family:var(--font-display);font-size:.95rem;font-weight:600}.skill-pills{display:flex;flex-wrap:wrap;gap:.5rem}.pill{background:#00e5ff0f;border:1px solid rgba(0,229,255,.15);border-radius:100px;color:var(--text);font-family:var(--font-mono);font-size:.8rem;padding:.3rem .85rem;transition:background .2s}.pill:hover{background:#00e5ff1f}.portfolio:not(.dark) .pill{background:#00b4c814;border-color:#00b4c833}.projects-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;padding:1.75rem;transition:border-color .2s,transform .2s}.project-card:hover{border-color:#00e5ff40;transform:translateY(-2px)}.project-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.project-icon{color:var(--accent);height:2.25rem;width:2.25rem}.project-links a{color:var(--text-muted);transition:color .2s}.project-links a:hover,.project-name{color:var(--text)}.project-name{font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.project-desc{flex:1;font-size:.875rem;line-height:1.65;margin-bottom:1.25rem}.project-stack{display:flex;flex-wrap:wrap;gap:.4rem}.project-tag{background:var(--bg-alt);border:1px solid var(--border);border-radius:100px;color:var(--text-muted);font-family:var(--font-mono);font-size:.7rem;padding:.2rem .6rem}.contact-section{overflow:hidden;position:relative}.contact-section:before{background:radial-gradient(ellipse at center,rgba(0,229,255,.04) 0,transparent 70%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.contact-inner{position:relative}.contact-lead{font-size:1.2rem;margin-bottom:2.5rem;max-width:500px}.contact-links{display:flex;flex-wrap:wrap;gap:1rem}.footer{align-items:center;border-top:1px solid var(--border);color:var(--text-muted);display:flex;font-family:var(--font-mono);font-size:.8rem;gap:.75rem;padding:2rem 2.5rem}.footer-sep{opacity:.3}.accent{color:var(--accent)}.icon-sm{flex-shrink:0;height:1rem;width:1rem}@media (max-width:640px){.nav-links{display:none}.hero{padding:6rem 1.5rem 3rem}.section{padding:4rem 1.5rem}.hero-stats{gap:1.25rem}}
