:root{font-family:Manrope,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--shadow: 0 18px 60px rgba(0, 0, 0, .18)}:root[data-theme=black]{color:#f1efe8;background:radial-gradient(circle at top left,rgba(207,88,51,.26),transparent 28%),radial-gradient(circle at 80% 10%,rgba(93,124,172,.22),transparent 30%),linear-gradient(180deg,#0d1117,#0f141b 45%,#111a22);--bg-soft: rgba(255, 255, 255, .05);--panel-bg: rgba(11, 15, 20, .76);--panel-top: rgba(255, 255, 255, .05);--panel-bottom: rgba(255, 255, 255, .03);--border-soft: rgba(255, 255, 255, .1);--text-soft: rgba(241, 239, 232, .72);--text-main: #f1efe8;--accent: #f36b3d;--accent-2: #7cb0ff;--pill-bg: rgba(255, 255, 255, .06)}:root[data-theme=light]{color:#15202b;background:radial-gradient(circle at top left,rgba(243,107,61,.18),transparent 28%),radial-gradient(circle at 80% 10%,rgba(124,176,255,.18),transparent 30%),linear-gradient(180deg,#f7f1e8,#eef4fb 48%,#edf1f5);--bg-soft: rgba(255, 255, 255, .7);--panel-bg: rgba(255, 255, 255, .72);--panel-top: rgba(255, 255, 255, .88);--panel-bottom: rgba(255, 255, 255, .55);--border-soft: rgba(21, 32, 43, .1);--text-soft: rgba(21, 32, 43, .72);--text-main: #15202b;--accent: #cc5a32;--accent-2: #3c74c9;--pill-bg: rgba(21, 32, 43, .06)}*{box-sizing:border-box}html{scroll-behavior:smooth}section[id]{scroll-margin-top:110px}body{margin:0;min-width:320px;color:var(--text-main)}a{color:inherit;text-decoration:none}button,a{transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}#root{min-height:100vh}.page-shell{position:relative;overflow:hidden;max-width:1280px;margin:0 auto;padding:32px 24px 72px}.ambient{position:absolute;border-radius:999px;filter:blur(80px);opacity:.6;pointer-events:none}.ambient-left{top:80px;left:-120px;width:280px;height:280px;background:#f36b3d33}.ambient-right{top:220px;right:-100px;width:260px;height:260px;background:#7cb0ff2e}.topbar,.hero,.section,.contact-card{position:relative;z-index:1}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:52px}.brand{display:flex;align-items:center;gap:14px}.brand p,.brand strong{margin:0}.brand p{font-size:.75rem;color:var(--text-soft);text-transform:uppercase;letter-spacing:.16em}.brand strong{font-family:Space Grotesk,sans-serif;font-size:1rem}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--border-soft);border-radius:14px;background:var(--bg-soft);font-family:Space Grotesk,sans-serif}.topbar-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end}.nav{display:flex;flex-wrap:wrap;gap:18px;color:var(--text-soft)}.nav a[aria-current=page]{color:var(--text-main)}.toolbar{display:flex;align-items:center;gap:12px}.flag-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-soft);background:var(--bg-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.language-switch{display:flex;align-items:center;gap:8px}.flag-button{width:46px;height:40px;border-radius:14px;padding:0}.flag-button svg,.flag-button img{display:block;width:22px;height:22px}.flag-button.active,.flag-button:hover,.nav a:hover,.button:hover{transform:translateY(-2px)}.flag-button.active,.flag-button:hover{border-color:#f36b3d73}.theme-switcher{padding:0;border:0;background:transparent}.theme-switcher-track{position:relative;display:block;width:78px;height:42px;border-radius:999px;border:1px solid var(--border-soft);background:linear-gradient(180deg,#38c7ff,#1998dc);box-shadow:inset 0 1px #ffffff40;overflow:hidden;transition:background .32s ease,border-color .32s ease,transform .18s ease}.theme-switcher:hover .theme-switcher-track{transform:translateY(-2px)}.theme-switcher.night-theme .theme-switcher-track{background:linear-gradient(180deg,#242938,#171b26)}.theme-switcher-orb{position:absolute;top:3px;left:3px;z-index:3;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fabc1c;box-shadow:0 6px 18px #0000002e,inset 0 2px 6px #ffffff2e;transition:transform .32s ease,background-color .32s ease}.theme-switcher.night-theme .theme-switcher-orb{transform:translate(36px);background:#fffdf2}.theme-icon{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;transition:opacity .22s ease,transform .32s ease}.theme-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.theme-icon-sun{color:#7a4b00;opacity:1;transform:scale(1)}.theme-icon-moon{color:#1b2234;opacity:0;transform:scale(.6)}.theme-switcher.night-theme .theme-icon-sun{opacity:0;transform:scale(.6)}.theme-switcher.night-theme .theme-icon-moon{opacity:1;transform:scale(1)}.theme-cloud,.theme-star{position:absolute;border-radius:999px;transition:opacity .32s ease,transform .32s ease,width .32s ease,height .32s ease}.theme-cloud{z-index:2;background:#fffdf2fa;opacity:1}.cloud-left{top:20px;left:14px;width:10px;height:10px}.cloud-middle{top:18px;left:22px;width:12px;height:12px}.cloud-right{top:20px;left:32px;width:10px;height:10px}.cloud-top{top:12px;left:24px;width:10px;height:10px}.theme-switcher.night-theme .cloud-left{top:28px;left:18px;width:3px;height:3px;opacity:.8}.theme-switcher.night-theme .cloud-middle{top:9px;left:28px;width:3px;height:3px;opacity:.85}.theme-switcher.night-theme .cloud-right{top:18px;left:42px;width:3px;height:3px;opacity:.75}.theme-switcher.night-theme .cloud-top{top:10px;left:54px;width:3px;height:3px;opacity:.85}.theme-star{z-index:1;background:#fffdf2;width:2px;height:2px;opacity:0}.star-1{top:10px;left:14px}.star-2{top:16px;left:22px}.star-3{top:24px;left:46px}.star-4{top:12px;left:62px}.theme-switcher.night-theme .theme-star{opacity:1}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:32px;align-items:stretch;min-height:60vh}.eyebrow{margin:0 0 12px;color:var(--accent);text-transform:uppercase;letter-spacing:.22em;font-size:.75rem;font-weight:800}.hero h1,.section-heading h2,.contact-card h2,.panel-intro h2{margin:0;font-family:Space Grotesk,sans-serif;line-height:.98}.hero h1{max-width:15ch;font-size:clamp(2.6rem,5.4vw,4.6rem)}.hero-text,.card p,.project-showcase p,.timeline-item p,.panel-intro p{color:var(--text-soft);line-height:1.7}.hero-text{max-width:54ch;margin:18px 0 0;font-size:1rem}.identity-chip{display:inline-flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.identity-name,.identity-role{display:inline-flex;padding:8px 12px;border-radius:999px;background:var(--pill-bg);font-size:.82rem}.identity-name{color:var(--text-main);font-weight:800}.identity-role{color:var(--text-soft)}.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin:22px 0 26px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid transparent;font-weight:700}.contact-button{gap:10px}.contact-button svg{width:18px;height:18px;flex:0 0 auto}.button-primary{background:linear-gradient(135deg,var(--accent),#ff935f);color:#171717}.button-secondary{border-color:var(--border-soft);background:var(--bg-soft)}.button-compact{min-height:40px;padding:0 14px;font-size:.9rem}input,select,textarea{width:100%;border:1px solid var(--border-soft);border-radius:16px;background:var(--bg-soft);color:var(--text-main);padding:14px 16px;font:inherit}textarea{resize:vertical}.field{display:grid;gap:8px}.field span,.helper-text{color:var(--text-soft)}.highlight-list{display:grid;gap:12px;padding:0;margin:0;list-style:none}.highlight-list li{padding-left:22px;position:relative}.highlight-list li:before{content:"";position:absolute;top:10px;left:0;width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.hero-panel,.panel-grid,.specialty-grid,.timeline,.contact-actions{display:grid;gap:16px}.hero-panel{align-content:end}.panel-grid{grid-template-columns:repeat(3,1fr)}.panel-card,.card,.project-showcase,.timeline-item,.contact-card{border:1px solid var(--border-soft);background:linear-gradient(180deg,var(--panel-top),var(--panel-bottom)),var(--panel-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.panel-card,.card,.timeline-item{border-radius:28px;padding:24px}.panel-intro{min-height:240px;display:flex;flex-direction:column;justify-content:flex-end}.panel-label{display:inline-flex;width:fit-content;margin-bottom:auto;padding:8px 12px;border-radius:999px;background:var(--pill-bg);color:var(--text-soft);font-size:.8rem}.metric-card strong{display:block;margin-bottom:10px;font-family:Space Grotesk,sans-serif;font-size:1.8rem}.metric-card span{color:var(--text-soft);line-height:1.5}.section{margin-top:84px}.section-heading{display:grid;gap:12px;margin-bottom:24px}.section-heading h2,.contact-card h2{max-width:16ch;font-size:clamp(2rem,4vw,3.5rem)}.specialty-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skills-intro{margin:0}.skills-spotlight{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px}.skill-spotlight-pill,.skill-chip{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--border-soft);background:linear-gradient(180deg,var(--panel-top),var(--panel-bottom)),var(--panel-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.skill-spotlight-pill{min-height:54px;padding:0 18px;border-radius:18px;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700}.skills-stream{position:relative;overflow:hidden;margin-top:18px;padding:8px 0;-webkit-mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent)}.skills-stream-track{display:flex;gap:14px;width:max-content;animation:marquee 28s linear infinite}.skill-chip{min-height:44px;padding:0 16px;border-radius:999px;color:var(--text-soft);font-size:.92rem;white-space:nowrap}.skill-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:#f36b3d1f;color:var(--accent);flex:0 0 auto}.skill-icon svg{width:15px;height:15px}.skill-spotlight-pill .skill-icon{background:linear-gradient(135deg,#f36b3d2e,#7cb0ff33)}.card h3,.project-showcase h3,.timeline-item h3{margin:0 0 10px;font-family:Space Grotesk,sans-serif}.projects-marquee{position:relative;overflow:hidden;padding:12px 0;-webkit-mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent)}.projects-track{display:flex;gap:22px;width:max-content;animation:marquee 34s linear infinite}.project-showcase{width:min(560px,calc(100vw - 72px));padding:18px;border-radius:30px;flex:0 0 auto}.project-image-frame{overflow:hidden;border-radius:22px;border:1px solid var(--border-soft);background:#00000014;margin-bottom:18px}.project-image{display:block;width:100%;height:300px;object-fit:cover}.project-showcase-content{display:grid;gap:10px}.project-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.project-pill{width:fit-content;padding:8px 12px;border-radius:999px;background:var(--pill-bg);color:var(--text-soft);font-size:.78rem;font-weight:700;letter-spacing:.04em}.project-context,.timeline-item span{color:var(--text-soft)}.experience-section .timeline{gap:18px}.timeline-item{display:grid;grid-template-columns:140px 1fr;gap:16px}.contact-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:28px;border-radius:32px}.contact-actions{grid-template-columns:repeat(3,max-content);align-items:center}.api-promo-card,.api-base-card,.route-card,.api-token-card,.api-form-card,.console-card{border:1px solid var(--border-soft);background:linear-gradient(180deg,var(--panel-top),var(--panel-bottom)),var(--panel-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.api-promo-card,.api-base-card,.api-token-card,.api-form-card,.console-card,.route-card{border-radius:28px;padding:24px}.api-promo-card,.api-hero,.api-console-grid{display:grid;gap:20px}.api-promo-card,.api-hero{grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);align-items:stretch}.api-promo-actions{display:grid;gap:14px;align-content:center;justify-items:start}.api-base-url{display:inline-flex;padding:10px 14px;border-radius:999px;background:var(--pill-bg);color:var(--text-soft);word-break:break-all}.api-lab-page .hero-text,.api-base-card p,.route-card p,.api-promo-card p{margin:0}.api-hero h1{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(2.8rem,8vw,5rem);line-height:.98}.api-base-card{display:grid;gap:14px;align-content:end}.api-base-card strong{font-family:Space Grotesk,sans-serif;font-size:1.1rem;word-break:break-all}.route-grid,.api-workbench{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.route-card,.api-form-card,.console-card{display:grid;gap:16px}.method-pill{display:inline-flex;width:fit-content;padding:7px 12px;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.04em}.method-post{background:#51b86e26;color:#51b86e}.method-get{background:#428cff26;color:#428cff}.method-put{background:#f0ac3f26;color:#f0ac3f}.method-delete{background:#e15c5c26;color:#e15c5c}.api-token-card{margin-bottom:18px}.token-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:12px}.inline-actions{display:flex;gap:10px;flex-wrap:wrap}.api-form-header,.console-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.api-form-header h3,.route-card strong{margin:0;font-family:Space Grotesk,sans-serif}.form-grid{display:grid;gap:14px}.api-console-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.console-path,.response-status{color:var(--text-soft);font-size:.86rem}.response-status.ok{color:#51b86e}.response-status.error{color:#e15c5c}.console-output{margin:0;min-height:220px;padding:18px;border-radius:20px;background:#00000029;color:var(--text-main);overflow:auto;white-space:pre-wrap;word-break:break-word;font-family:Consolas,Courier New,monospace;font-size:.9rem;line-height:1.6}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - 11px))}}@media (hover: hover){.projects-track:hover{animation-play-state:paused}}@media (max-width: 1080px){.hero,.specialty-grid,.api-promo-card,.api-hero,.route-grid,.api-workbench,.api-console-grid{grid-template-columns:1fr}.hero h1{max-width:14ch}.panel-grid{grid-template-columns:1fr}}@media (max-width: 760px){.page-shell{padding:20px 16px 56px}.topbar,.topbar-actions,.timeline-item,.contact-card{grid-template-columns:1fr}.topbar,.topbar-actions,.project-header{flex-direction:column;align-items:flex-start}.nav,.contact-actions{width:100%}.api-form-header,.console-head,.token-actions{flex-direction:column;align-items:flex-start}.toolbar{width:100%;justify-content:space-between}.contact-actions{grid-template-columns:1fr}.button{width:100%}.hero h1{max-width:100%;font-size:clamp(2rem,9vw,3rem);line-height:1.05}.hero-text{font-size:.96rem}.hero{gap:22px;min-height:auto}.nav{gap:12px}.projects-marquee{overflow:visible;-webkit-mask-image:none;mask-image:none;padding:0}.projects-track{display:grid;width:100%;animation:none;gap:16px}.skills-stream{overflow:visible;-webkit-mask-image:none;mask-image:none;padding:0}.skills-stream-track{display:flex;flex-wrap:wrap;width:100%;animation:none}.projects-track .project-showcase:nth-child(n+3){display:none}.project-showcase,.project-actions{width:100%}.project-image{height:220px}.panel-card,.card,.timeline-item,.contact-card,.project-showcase{border-radius:24px}.api-promo-actions{justify-items:stretch}.api-base-url{width:100%}}
