*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Commit Mono", monospace;--white: oklch(100% 0 0);--black: oklch(18.4% 0 0);--gray-50: oklch(96.5% 0 0);--gray-100: oklch(94.8% 0 0);--gray-200: oklch(89.3% 0 0);--gray-300: oklch(87.6% 0 0);--gray-400: oklch(80.3% 0 0);--gray-500: oklch(65% 0 0);--gray-600: oklch(53.8% 0 0);--gray-700: oklch(46.1% 0 0);--gray-800: oklch(33.1% 0 0);--gray-900: oklch(19.7% 0 0);--gray-950: oklch(12.5% 0 0);--background: var(--white);--foreground: var(--black);--muted: var(--gray-50);--muted-foreground: var(--gray-600);--border: var(--gray-200);--input: var(--gray-200);--card: var(--white);--card-foreground: var(--black);--accent: var(--gray-100);--accent-foreground: var(--black);--primary: var(--black);--primary-foreground: var(--white);--secondary: var(--gray-300);--secondary-foreground: var(--black);--tertiary: var(--gray-400);--badge-bg: oklch(.85 .15 145);color-scheme:light}.dark{--background: var(--gray-950);--foreground: oklch(95.3% 0 0);--muted: var(--gray-800);--muted-foreground: oklch(68.6% 0 0);--border: oklch(100% 0 0 / .2);--input: oklch(100% 0 0 / .1);--card: var(--gray-900);--card-foreground: oklch(98.5% 0 0);--accent: var(--gray-800);--accent-foreground: oklch(98.5% 0 0);--primary: oklch(98.5% 0 0);--primary-foreground: var(--gray-950);--secondary: var(--gray-500);--secondary-foreground: oklch(98.5% 0 0);--tertiary: var(--gray-700);--badge-bg: oklch(.4 .15 145);color-scheme:dark}html{font-family:var(--font-sans);background:var(--background);color:var(--foreground);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}html:has(.titanium-bg),html:has(.titanium-bg) body{background:transparent}html.theme-transitioning,html.theme-transitioning *,html.theme-transitioning *:before,html.theme-transitioning *:after{transition:background-color .7s cubic-bezier(.4,0,.2,1),background .7s cubic-bezier(.4,0,.2,1),color .7s cubic-bezier(.4,0,.2,1),border-color .7s cubic-bezier(.4,0,.2,1),fill .7s cubic-bezier(.4,0,.2,1),stroke .7s cubic-bezier(.4,0,.2,1),box-shadow .7s cubic-bezier(.4,0,.2,1)!important}body{min-height:100vh}::selection{background:var(--foreground);color:var(--background)}a{color:inherit;text-decoration:none;transition:color .15s}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-sans);font-weight:600;line-height:1.2}code,.font-mono{font-family:var(--font-mono)}.main{max-width:64rem;margin:0 auto;padding:0 1.25rem}@media (min-width: 48rem){.main{padding:0 1.5rem}}.navbar-wrapper{position:sticky;top:0;z-index:50;background:color-mix(in oklch,var(--background) 50%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.navbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;max-width:64rem;margin:0 auto;min-height:3.5rem}@media (min-width: 48rem){.navbar{padding:.75rem 1.5rem}}.navbar-logo{font-family:var(--font-mono);font-size:1rem;font-weight:500;text-decoration:none;color:var(--foreground);letter-spacing:-.02em;transition:transform .3s ease-in-out;display:flex;align-items:center;gap:.5rem}.navbar-logo:hover{transform:translateY(-1px)}.navbar-logo svg{width:1.75rem;height:1.75rem;border-radius:4px}.navbar-desktop{display:none}.navbar-mobile{display:flex;align-items:center;gap:.75rem}@media (min-width: 48rem){.navbar-desktop{display:flex;align-items:center;gap:.25rem}.navbar-mobile{display:none}}.navbar-link{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.02em;text-decoration:none;color:var(--muted-foreground);padding:.375rem .625rem;transition:color .15s;text-underline-offset:4px;text-decoration:underline transparent}.navbar-link:hover{color:var(--foreground);text-decoration-color:var(--foreground);text-decoration-line:underline;text-decoration-style:dotted}.theme-toggle{background:none;border:1px solid var(--border);border-radius:9999px;width:2.25rem;height:2.25rem;cursor:pointer;font-size:1rem;color:var(--foreground);display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s;line-height:1}.theme-toggle:hover{background:var(--accent);border-color:var(--foreground)}.lang-toggle{background:none;border:1px solid var(--border);border-radius:9999px;height:2.25rem;padding:0 .65rem;cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.05em;color:var(--foreground);display:inline-flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s;line-height:1}.lang-toggle:hover{background:var(--accent);border-color:var(--foreground)}.hamburger{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:4px;width:2rem;height:2.25rem;padding:0}.hamburger span{display:block;width:1.25rem;height:2px;background:var(--foreground);border-radius:1px;transition:transform .2s,opacity .2s}.hamburger-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger-open span:nth-child(2){opacity:0}.hamburger-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-menu{display:none;flex-direction:column;gap:.25rem;padding:0 1.25rem .75rem;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.mobile-menu-open{display:flex;max-height:12rem}.mobile-link{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.02em;text-decoration:none;color:var(--muted-foreground);padding:.5rem .625rem;border-radius:6px;transition:background .15s,color .15s}.mobile-link:hover{color:var(--foreground);background:var(--accent)}.mobile-link.active{color:var(--foreground)}@media (min-width: 48rem){.mobile-menu,.mobile-menu-open{display:none}}.section{margin-top:4rem}@media (min-width: 48rem){.section{margin-top:6rem}}.section-title{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin-bottom:1.25rem;display:flex;align-items:center;justify-content:space-between}@media (min-width: 48rem){.section-title{font-size:1.875rem}}.section-title a,.section-title button{font-size:.875rem;font-weight:400;text-decoration:none;color:var(--muted-foreground);font-family:var(--font-mono);background:var(--primary);color:var(--primary-foreground);border:none;padding:.5rem 1rem;cursor:pointer;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;transition:opacity .15s}.section-title a:hover,.section-title button:hover{opacity:.85}.hero{position:relative;margin-top:2.5rem;text-align:center;min-height:20rem;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:.75rem}@media (min-width: 48rem){.hero{margin-top:5rem;min-height:26rem}}:root{--ti-base-top: oklch(86% 0 0);--ti-base-bottom: oklch(70% 0 0);--ti-band-light: oklch(96% 0 0 / .55);--ti-band-dark: oklch(52% 0 0 / .35);--ti-grain: .1}.dark{--ti-base-top: oklch(22% 0 0);--ti-base-bottom: oklch(11% 0 0);--ti-band-light: oklch(55% 0 0 / .45);--ti-band-dark: oklch(6% 0 0 / .45);--ti-grain: .07}.titanium-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden;background:linear-gradient(180deg,var(--ti-base-top) 0%,var(--ti-base-bottom) 100%)}.titanium-sheen{position:absolute;top:-40%;right:-50%;bottom:-40%;left:-50%;pointer-events:none;mix-blend-mode:overlay;will-change:transform}.titanium-sheen-1{background:linear-gradient(115deg,transparent 0%,var(--ti-band-dark) 22%,var(--ti-band-light) 42%,transparent 55%,var(--ti-band-dark) 72%,var(--ti-band-light) 86%,transparent 100%);animation:titanium-sheen-1 26s cubic-bezier(.45,.05,.55,.95) infinite alternate}.titanium-sheen-2{background:linear-gradient(72deg,transparent 8%,var(--ti-band-light) 50%,transparent 92%);opacity:.7;animation:titanium-sheen-2 38s cubic-bezier(.45,.05,.55,.95) infinite alternate}@keyframes titanium-sheen-1{0%{transform:translate3d(-18%,-10%,0) rotate(-2deg)}to{transform:translate3d(16%,8%,0) rotate(2deg)}}@keyframes titanium-sheen-2{0%{transform:translate3d(16%,6%,0)}to{transform:translate3d(-16%,-6%,0)}}.titanium-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--ti-grain);mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.85'/></svg>");background-size:220px 220px}@media (prefers-reduced-motion: reduce){.titanium-sheen{animation:none}}.hero-content{position:relative;z-index:1;padding:1.5rem;animation:hero-rise .9s cubic-bezier(.16,1,.3,1) both}@keyframes hero-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hero h1{font-size:3.25rem;font-weight:700;letter-spacing:-.05em;line-height:1.1;color:transparent;background:linear-gradient(180deg,color-mix(in oklch,var(--foreground) 25%,var(--background)) 0%,var(--foreground) 55%);background-clip:text;-webkit-background-clip:text;text-shadow:0 1px 32px color-mix(in oklch,var(--background) 60%,transparent)}@media (min-width: 48rem){.hero h1{font-size:5rem}}.hero .subtitle{font-size:1rem;color:var(--muted-foreground);margin-top:.75rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;font-weight:700}@media (min-width: 48rem){.hero .subtitle{font-size:1.5rem}}.card{background:var(--card);border:1px solid var(--border);border-radius:.5rem;padding:.75rem;transition:border-color .2s}.card:hover{border-color:var(--foreground)}.about-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem}@media (min-width: 48rem){.about-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.card-icon{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.card-icon svg{width:1rem;height:1rem;color:var(--muted-foreground)}.card-country{grid-column:1}@media (min-width: 48rem){.card-country{grid-column:1 / 2}}.card-country .card-body{display:flex;align-items:flex-end;justify-content:center;min-height:8rem}.card-country svg.map{width:100%;max-width:22rem;height:auto;color:var(--muted-foreground);opacity:.6}.card-age{grid-column:2}.card-age .card-body{display:flex;align-items:center;justify-content:center;min-height:6rem}.card-age .age-number{font-size:5rem;font-weight:700;letter-spacing:-.03em;line-height:1}@media (min-width: 48rem){.card-age .age-number{font-size:5rem}}.social-list{display:flex;flex-direction:column;gap:.25rem;padding:.25rem 0}.social-list a{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--muted-foreground);padding:.25rem 0;transition:color .15s}.social-list a:hover{color:var(--foreground)}.social-list svg{width:1rem;height:1rem}.card-skills{min-height:13rem}.skills-group{margin-top:.5rem}.skills-group:first-child{margin-top:0}.skills-group-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);font-family:var(--font-mono);margin-bottom:.5rem}.carousel-track{overflow:hidden;mask-image:linear-gradient(to right,transparent,black 3rem,black calc(100% - 3rem),transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 3rem,black calc(100% - 3rem),transparent)}.carousel-inner{display:flex;width:max-content;will-change:transform}.carousel-items{display:flex;gap:1rem;padding-right:1rem}.carousel-items iconify-icon,.carousel-items .skill-icon svg{display:inline-flex;flex-shrink:0;font-size:2.25rem;width:2.25rem;height:2.25rem;color:var(--foreground)}.skill-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:3.75rem;height:3.75rem;flex-shrink:0;background:linear-gradient(to bottom,color-mix(in oklch,var(--foreground) 14%,var(--background)),color-mix(in oklch,var(--foreground) 6%,var(--background)));border:1px solid color-mix(in oklch,var(--foreground) 35%,transparent);border-radius:.875rem;box-shadow:inset 1px 1px color-mix(in oklch,oklch(1 0 0) 14%,transparent),inset -1px -1px color-mix(in oklch,oklch(0 0 0) 12%,transparent),0 2px color-mix(in oklch,oklch(0 0 0) 22%,transparent),0 4px 8px color-mix(in oklch,oklch(0 0 0) 18%,transparent);cursor:default;transition:transform .2s,box-shadow .2s}.skill-icon:hover{transform:translateY(-3px);box-shadow:inset 1px 1px color-mix(in oklch,oklch(1 0 0) 14%,transparent),inset -1px -1px color-mix(in oklch,oklch(0 0 0) 12%,transparent),0 5px color-mix(in oklch,oklch(0 0 0) 22%,transparent),0 8px 16px color-mix(in oklch,oklch(0 0 0) 22%,transparent)}.skill-tooltip{position:absolute;transform:translate(-50%) translateY(-100%);background:var(--card);border:1px solid var(--border);border-radius:.25rem;padding:.2rem .5rem;font-size:.65rem;font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;color:var(--foreground);z-index:100}.skill-tooltip.visible{opacity:1}.card-quotes{grid-column:1}@media (min-width: 48rem){.card-quotes{grid-column:1 / 3}}.quote-item{padding:.75rem 0;border-bottom:1px solid var(--border)}.quote-item:last-child{border-bottom:none}.quote-item blockquote{font-style:italic;font-size:.875rem;line-height:1.6}.quote-item figcaption{font-size:.75rem;color:var(--muted-foreground);font-family:var(--font-mono);margin-top:.25rem}.blog-grid{display:grid;gap:1.25rem}@media (min-width: 48rem){.blog-grid{grid-template-columns:2fr 1fr;grid-template-rows:auto auto auto}.blog-card-featured{grid-row:1 / 4}}.blog-card{position:relative;border-radius:.5rem;overflow:hidden;border:1px solid var(--border);background:var(--card);display:flex;flex-direction:column;justify-content:flex-end;min-height:12rem;transition:border-color .2s;text-decoration:none}.blog-card:hover{border-color:var(--foreground)}.blog-card-featured{min-height:16rem}@media (min-width: 48rem){.blog-card-featured{min-height:28rem}}.blog-card-content{padding:1rem;display:flex;flex-direction:column;gap:.5rem;background:linear-gradient(to top,var(--card) 60%,transparent)}.blog-card-title{font-size:1rem;font-weight:600;line-height:1.3}.blog-card-featured .blog-card-title{font-size:1.25rem}.blog-card-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.75rem;color:var(--muted-foreground);font-family:var(--font-mono)}.blog-card-author{display:flex;align-items:center;gap:.5rem}.blog-card-author img{width:1.5rem;height:1.5rem;border-radius:9999px}.work-grid{display:grid;gap:1.25rem}@media (min-width: 48rem){.work-grid{grid-template-columns:1fr 1fr}}.work-tagline{display:flex;align-items:center;justify-content:center;background:linear-gradient(to top,var(--background),var(--accent));border:1px solid var(--border);border-radius:.5rem;padding:3rem 2rem;text-align:center}.work-tagline h3{font-size:2rem;font-weight:700;letter-spacing:-.03em}@media (min-width: 48rem){.work-tagline h3{font-size:2.5rem}}.contact-form-card{background:var(--card);border:1px solid var(--border);border-radius:.5rem;padding:1.25rem}.contact-form legend{font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.contact-form p{font-size:.875rem;color:var(--muted-foreground);margin-bottom:1rem}.form-row{display:grid;gap:.75rem}@media (min-width: 48rem){.form-row{grid-template-columns:1fr 1fr}}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono);color:var(--muted-foreground)}.form-group input,.form-group textarea{width:100%;padding:.5rem .75rem;font-family:var(--font-sans);font-size:.875rem;background:var(--background);border:1px solid var(--input);border-radius:.375rem;color:var(--foreground);outline:none;transition:border-color .15s}.form-group input:focus,.form-group textarea:focus{border-color:var(--foreground)}.form-group textarea{min-height:6rem;resize:vertical}.form-separator{margin:1rem 0;border:none;border-top:1px solid var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-family:var(--font-mono);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:.375rem;background:var(--primary);color:var(--primary-foreground);cursor:pointer;text-decoration:none;transition:opacity .15s;width:100%}.btn:hover{opacity:.85}.btn-github{gap:.5rem;width:auto}.btn-github iconify-icon{font-size:1.125rem}.btn-browse{gap:.5rem;width:auto}.btn-browse iconify-icon{font-size:1.125rem}.project-actions{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-top:2.5rem}.footer{border-top:1px solid var(--border);margin-top:5rem;padding-top:3rem;padding-bottom:3rem}.footer-grid{display:grid;gap:1.25rem}@media (min-width: 48rem){.footer-grid{grid-template-columns:auto 1fr auto;align-items:start}}.footer-ad{border:1px solid var(--border);border-radius:.5rem;padding:.75rem}.footer-ad p:first-child{font-weight:600;margin-bottom:.25rem}.footer-ad p.sub{font-size:.875rem;color:var(--muted-foreground);margin-bottom:.75rem}.footer-ad-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:.5rem;background:linear-gradient(to right,var(--accent),transparent);margin-bottom:.375rem;font-size:.875rem;transition:background .15s}.footer-ad-item:last-child{margin-bottom:0}.footer-ad-item:hover{background:linear-gradient(to right,var(--muted),transparent)}.footer-ad-item svg{width:.875rem;height:.875rem}.footer-link-cols{display:flex;gap:2rem}@media (min-width: 48rem){.footer-link-cols{justify-content:center}}.footer-link-col{display:flex;flex-direction:column;gap:.375rem}.footer-link-col p{font-weight:600;margin-bottom:.25rem}.footer-link-col a{font-size:.875rem;color:var(--muted-foreground);transition:color .15s}.footer-link-col a:hover{color:var(--foreground)}.footer-side{display:flex;gap:.75rem}@media (min-width: 48rem){.footer-side{flex-direction:column}}.footer-time-box{border:1px solid var(--border);border-radius:.5rem;padding:.75rem}.footer-time-box p{font-weight:600;margin-bottom:.5rem}.footer-status-box{border:1px solid var(--border);border-radius:.5rem;padding:.5rem .75rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem}.footer-status-dot{position:relative;width:.75rem;height:.75rem}.footer-status-dot .ping{position:absolute;width:100%;height:100%;border-radius:9999px;background:var(--badge-bg);opacity:.75;animation:ping 2s ease-in-out infinite}.footer-status-dot .solid{position:relative;width:.75rem;height:.75rem;border-radius:9999px;background:var(--badge-bg)}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.footer-bottom{max-width:64rem;margin:2rem auto 0;padding:1.5rem 1.25rem 0;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;font-size:.75rem;color:var(--muted-foreground)}.footer-bottom-left{display:flex;align-items:center;gap:.875rem;flex-wrap:wrap}.footer-time{display:inline-flex;align-items:baseline;gap:.4rem;font-family:var(--font-mono);letter-spacing:.04em;position:relative;padding-left:.875rem}.footer-time:before{content:"";position:absolute;left:0;top:50%;width:3px;height:3px;border-radius:50%;background:color-mix(in oklch,var(--foreground) 40%,transparent);transform:translateY(-50%)}.footer-time-label{text-transform:uppercase;font-size:.65rem;letter-spacing:.1em;color:var(--muted-foreground)}.footer-time-value{font-size:.8125rem;color:var(--foreground);font-variant-numeric:tabular-nums}@media (max-width: 32rem){.footer-bottom-left{flex-direction:column;align-items:flex-start;gap:.5rem}.footer-time{padding-left:0}.footer-time:before{display:none}}.footer-social{display:flex;gap:.75rem}.footer-social a{color:var(--muted-foreground);transition:color .15s}.footer-social a:hover{color:var(--foreground)}.footer-social svg{width:1.25rem;height:1.25rem}.fade-in{transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.fade-in.hidden{opacity:0;transform:translateY(18px)}.fade-in.visible{opacity:1;transform:translateY(0)}.grid{display:grid;gap:1.5rem}.grid-3{grid-template-columns:1fr}@media (min-width: 48rem){.grid-3{grid-template-columns:repeat(3,1fr)}}.card-title{font-size:1rem;font-weight:600;margin-bottom:.25rem}.card-text{font-size:.875rem;color:var(--muted-foreground);line-height:1.5}.card-meta{font-size:.75rem;color:var(--muted-foreground);margin-top:.75rem;font-family:var(--font-mono)}.project-card{display:flex;flex-direction:column;gap:.5rem;text-decoration:none;color:inherit;cursor:pointer}.project-card .project-date{font-size:.75rem;color:var(--muted-foreground);font-family:var(--font-mono)}.project-card .tech-icons{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.project-card .tech-icons span{font-size:.7rem;padding:.125rem .5rem;border:1px solid var(--border);border-radius:.25rem;font-family:var(--font-mono)}.project-hero{margin-top:4rem;text-align:center}@media (min-width: 48rem){.project-hero{margin-top:6rem}}.project-hero-date{font-size:.75rem;color:var(--muted-foreground);font-family:var(--font-mono);margin-top:2rem}.project-hero-title{font-size:2.5rem;font-weight:700;letter-spacing:-.04em;line-height:1.1;margin-top:.5rem;color:transparent;background:linear-gradient(180deg,color-mix(in oklch,var(--foreground) 15%,var(--background)) 0%,var(--foreground) 50%);background-clip:text;-webkit-background-clip:text}@media (min-width: 48rem){.project-hero-title{font-size:3.5rem}}.project-hero-tech{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.project-hero-tech span{font-size:.75rem;padding:.25rem .75rem;border:1px solid var(--border);border-radius:9999px;font-family:var(--font-mono);background:var(--card);color:var(--foreground);transition:border-color .2s}.project-hero-tech span:hover{border-color:var(--foreground)}.project-body{max-width:42rem;margin:0 auto}.project-description{font-size:1.125rem;line-height:1.75;color:var(--muted-foreground)}@media (min-width: 48rem){.project-description{font-size:1.25rem}}.back-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.8125rem;font-family:var(--font-mono);color:var(--muted-foreground);transition:color .15s;text-decoration:none}.back-link:hover{color:var(--foreground)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-muted{color:var(--muted-foreground)}.font-mono{font-family:var(--font-mono)}.border{border:1px solid var(--border)}.text-center{text-align:center}.city-legend{font-family:var(--font-mono);font-size:.8125rem;color:var(--muted-foreground);margin-bottom:2rem;max-width:38rem}.city-scene{position:relative;overflow:hidden;border-radius:.75rem;background:linear-gradient(to bottom,#050920,#12163a,#2b2654);transition:background 1.8s ease}.city-scene:after{content:"";position:absolute;inset:auto 0 0 0;height:4rem;background:linear-gradient(to bottom,transparent,color-mix(in oklch,var(--background) 70%,transparent));pointer-events:none;z-index:3}:root:not(.dark) .city-scene{background:linear-gradient(to bottom,#6ec3eb,#ace1f3 55%,#def7ff);background:linear-gradient(to bottom,#6ec3eb,#ace1f3 55%,color(xyz 0.812 0.892 1.084))}.celestial-axis{position:absolute;bottom:0;left:50%;width:0;height:0;z-index:1;pointer-events:none;transform:rotate(0);transition:transform 1.8s cubic-bezier(.4,.05,.3,1)}.dark .celestial-axis{transform:rotate(180deg)}.celestial-body{position:absolute;width:64px;height:64px;margin:-32px;border-radius:50%}.celestial-sun{top:-280px;background:radial-gradient(circle at 32% 30%,#fff5d6,#ffc075 75%,#ff9c3f);background:radial-gradient(circle at 32% 30%,color(xyz 0.871 0.911 0.189),color(xyz 0.674 0.594 0.088) 75%,color(xyz 0.559 0.451 0.063));box-shadow:0 0 40px 8px #ffedc799,0 0 90px 30px #ffedc74d;box-shadow:0 0 40px 8px oklch(.95 .18 85 / .6),0 0 90px 30px oklch(.95 .18 85 / .3)}.celestial-moon{top:280px;background:radial-gradient(circle at 32% 30%,#fbf4e6,#d8ccb8 70%,#b4a289);box-shadow:0 0 30px 6px #f1e3c773,0 0 70px 22px #f1e4bf38}.celestial-moon:before,.celestial-moon:after{content:"";position:absolute;background:#9c8d7459;border-radius:50%}.celestial-moon:before{width:10px;height:10px;top:18px;left:14px}.celestial-moon:after{width:6px;height:6px;top:36px;left:38px}.city{position:relative;z-index:2;overflow-x:auto;overflow-y:hidden;background:transparent;scrollbar-width:thin;scrollbar-color:color-mix(in oklch,var(--foreground) 30%,transparent) transparent}.stars-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:1;transition:opacity 1.8s ease}:root:not(.dark) .stars-layer{opacity:0}.star{position:absolute;color:#f2f2f2;animation:star-twinkle var(--duration, 3s) ease-in-out infinite alternate;animation-delay:var(--delay, 0s)}@keyframes star-twinkle{0%{opacity:.15;transform:scale(.6)}to{opacity:1;transform:scale(1.2)}}.clouds-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:0;transition:opacity 1.8s ease}:root:not(.dark) .clouds-layer{opacity:1}.cloud{position:absolute;top:var(--top, 20%);font-size:var(--size, 3rem);color:oklch(.97 .01 240 / var(--cloud-opacity, .5));animation:cloud-drift var(--duration, 80s) linear infinite;animation-delay:var(--delay, 0s)}@keyframes cloud-drift{0%{left:105%}to{left:-20%}}.city::-webkit-scrollbar{height:6px}.city::-webkit-scrollbar-track{background:transparent}.city::-webkit-scrollbar-thumb{background:color-mix(in oklch,var(--foreground) 25%,transparent);border-radius:3px}.city-ground{position:absolute;inset:auto 0 0 0;height:3rem;background:linear-gradient(to bottom,transparent,color-mix(in oklch,var(--foreground) 10%,transparent));border-top:1px solid color-mix(in oklch,var(--foreground) 45%,transparent);pointer-events:none;z-index:0;transition:background 1.8s ease,border-color 1.8s ease}.city-inner{position:relative;display:flex;align-items:flex-end;gap:1rem;padding:5rem 3rem 0;min-width:max-content;min-height:34rem;z-index:1}.city-scroll-hint{position:absolute;bottom:.5rem;right:1rem;font-family:var(--font-mono);font-size:.65rem;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.12em;pointer-events:none;opacity:.55;z-index:3}.tower{position:relative;display:flex;flex-direction:column;width:3rem;height:var(--tower-height);flex-shrink:0;background:linear-gradient(to right,color-mix(in oklch,var(--foreground) 14%,var(--background)),color-mix(in oklch,var(--foreground) 7%,var(--background)));border:1px solid color-mix(in oklch,var(--foreground) 45%,transparent);border-bottom:none;border-radius:3px 3px 0 0;text-decoration:none;color:inherit;cursor:pointer;box-shadow:inset 1px 0 color-mix(in oklch,oklch(1 0 0) 10%,transparent),inset -1px 0 color-mix(in oklch,oklch(0 0 0) 15%,transparent);transform-origin:50% 100%;transition:transform .35s cubic-bezier(.2,.9,.3,1),filter .25s,background 1.8s ease,border-color 1.8s ease,box-shadow 1.8s ease;animation:tower-rise .9s cubic-bezier(.2,.85,.2,1) backwards;animation-delay:calc(var(--i, 0) * 35ms)}.tower:hover{transform:scaleY(1.08);transform-origin:50% 100%;filter:brightness(1.18);z-index:10}:root:not(.dark) .tower{background:linear-gradient(to right,#c4b4a3,#d8ccbc);border-color:#a6958580;box-shadow:inset 1px 0 #ffffff59,inset -1px 0 #00000014}@keyframes tower-rise{0%{transform:translateY(110%) scaleY(.3);opacity:0}to{transform:translateY(0) scaleY(1);opacity:1}}.tower-roof{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:calc(100% - 8px);height:10px;background:color-mix(in oklch,var(--foreground) 24%,var(--background));border:1px solid color-mix(in oklch,var(--foreground) 45%,transparent);border-bottom:none;border-radius:2px 2px 0 0;transition:background 1.8s ease,border-color 1.8s ease}.tower-roof:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:2px;height:10px;background:color-mix(in oklch,var(--foreground) 50%,transparent);border-radius:1px 1px 0 0}.tower:nth-child(odd) .tower-roof:after{display:none}:root:not(.dark) .tower-roof{background:#b1a291;border-color:#93837480}:root:not(.dark) .tower-roof:after{background:#93837499}.tower-body{flex:1;display:flex;flex-direction:column;gap:6px;padding:10px 6px;overflow:hidden;justify-content:flex-start}.window-row{display:flex;justify-content:space-around;gap:3px;flex-shrink:0}.window{width:8px;height:10px;background:var(--window-color);border-radius:1px;box-shadow:0 0 6px color-mix(in oklch,var(--window-color) 70%,transparent);transition:background 1.8s ease,box-shadow 1.8s ease}.tower:nth-child(3n) .window-row:nth-child(2n) .window:nth-child(1),.tower:nth-child(5n+1) .window-row:nth-child(3n) .window:nth-child(2),.tower:nth-child(7n+2) .window-row:nth-child(odd) .window:nth-child(3),.tower:nth-child(4n+3) .window-row:nth-child(4n) .window:nth-child(2){background:color-mix(in oklch,var(--foreground) 20%,transparent);box-shadow:none;opacity:.4}.tower:nth-child(2n) .window-row:nth-child(3n+1) .window:nth-child(1){animation:window-flicker 9s ease-in-out infinite}.tower:nth-child(3n+1) .window-row:nth-child(2n) .window:nth-child(3){animation:window-flicker 11s ease-in-out infinite -3s}.tower:nth-child(5n+2) .window-row:nth-child(4n+1) .window:nth-child(2){animation:window-flicker 7s ease-in-out infinite -1.5s}@keyframes window-flicker{0%,to{opacity:1}46%,49%{opacity:1}47%{opacity:.2}48%{opacity:.9}93%,96%{opacity:1}94%{opacity:.3}}.tower-tooltip{position:absolute;bottom:calc(100% + 1rem);left:50%;transform:translate(-50%);background:var(--card);border:1px solid var(--border);border-radius:.375rem;padding:.5rem .75rem;white-space:nowrap;font-size:.75rem;display:flex;flex-direction:column;gap:2px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:10}.tower-tooltip strong{font-weight:600;color:var(--foreground)}.tower-tooltip span{color:var(--muted-foreground);font-family:var(--font-mono);font-size:.6875rem}.tower-tooltip em{color:var(--muted-foreground);font-style:normal;font-size:.625rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.tower:hover .tower-tooltip{opacity:1;transform:translate(-50%) translateY(-2px)}.city-key{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:1.5rem;font-family:var(--font-mono);font-size:.75rem;color:var(--muted-foreground)}.city-key-label{text-transform:uppercase;letter-spacing:.08em;margin-right:.25rem}.city-key-swatch{display:inline-block;width:.75rem;height:.75rem;border-radius:2px;background:var(--c);box-shadow:0 0 6px color-mix(in oklch,var(--c) 60%,transparent)}.city-empty{text-align:center;padding:5rem 1rem;border:1px dashed var(--border);border-radius:.5rem}.city-empty p:first-child{font-size:1rem;font-weight:600;margin-bottom:.25rem}@media (max-width: 48rem){.city-inner{padding:4rem 1.25rem 0;gap:.625rem;min-height:26rem}.tower{width:2.25rem;animation-delay:calc(var(--i, 0) * 20ms)}.tower-roof{width:calc(100% - 6px);height:8px;top:-8px}.tower-roof:after{height:7px}.window{width:6px;height:8px}.tower-body{padding:8px 5px;gap:4px}.tower-tooltip{font-size:.7rem;padding:.4rem .6rem}.city-legend{font-size:.75rem;margin-bottom:1.25rem}.city-key{font-size:.7rem;gap:.375rem .5rem}.celestial-body{width:48px;height:48px;margin:-24px}.celestial-sun{top:-200px}.celestial-moon{top:200px}.skill-icon{width:3.25rem;height:3.25rem}.carousel-items iconify-icon,.carousel-items .skill-icon svg{font-size:1.875rem;width:1.875rem;height:1.875rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.hero-content{animation:none;opacity:1;transform:none}.tower,.star,.cloud{animation:none}.fade-in.hidden{opacity:1;transform:none}}