@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--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}}}@layer theme{:root,:host{--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-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;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);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{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-variation-settings:var(--default-mono-font-variation-settings,normal);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}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}: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}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.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}}.block{display:block}.resize{resize:both}.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{--color-bg:#05070d;--color-bg-soft:#0c1220;--color-surface:#0a111fc7;--color-surface-strong:#070c17eb;--color-text:#f8fafc;--color-muted:#c4ccda;--color-line:#aad3ff3b;--color-accent:#43d7ff;--color-accent-secondary:#f15cff;--color-accent-tertiary:#7cffc4;--button-primary-bg:var(--color-text);--button-primary-text:var(--color-bg);--button-primary-border:transparent;--button-primary-hover-bg:#fff;--button-primary-hover-text:#05070d;--button-secondary-bg:var(--color-surface)}@supports (color:color-mix(in lab, red, red)){:root{--button-secondary-bg:color-mix(in srgb,var(--color-surface)60%,transparent)}}:root{--button-secondary-text:var(--color-text);--button-secondary-border:var(--color-line);--button-secondary-hover-bg:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){:root{--button-secondary-hover-bg:color-mix(in srgb,var(--color-accent)8%,transparent)}}:root{--button-secondary-hover-text:var(--color-accent);--button-secondary-hover-border:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){:root{--button-secondary-hover-border:color-mix(in srgb,var(--color-accent)42%,var(--color-line))}}:root{--radius-ui:8px;--shadow-ui:0 24px 90px #0000005c;--shadow-soft:0 14px 34px #0000002e;--section-max-width:1280px;--section-padding-x:32px;--section-padding-y:120px;--font-main:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--hero-name-min:4.7rem;--hero-name-fluid:15vw;--hero-name-max:13rem}:root[data-theme=light]{--color-bg:#f7f8fb;--color-bg-soft:#eef1f6;--color-surface:#fffffff0;--color-surface-strong:#fffffffa;--color-text:#182235;--color-muted:#566276;--color-line:#1c263721;--color-accent:#2563eb;--color-accent-secondary:#7c3aed;--color-accent-tertiary:#0891b2;--button-primary-bg:var(--color-accent);--button-primary-text:#fff;--button-primary-border:var(--color-accent);--button-primary-hover-bg:#1d4ed8;--button-primary-hover-text:#fff;--button-secondary-bg:#f6f8fc;--button-secondary-text:#182235;--button-secondary-border:#1c263721;--button-secondary-hover-bg:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=light]{--button-secondary-hover-bg:color-mix(in srgb,var(--color-accent)8%,transparent)}}:root[data-theme=light]{--button-secondary-hover-text:var(--color-accent);--button-secondary-hover-border:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=light]{--button-secondary-hover-border:color-mix(in srgb,var(--color-accent)28%,var(--color-line))}}:root[data-theme=light]{--shadow-ui:0 16px 42px #1822351a;--shadow-soft:0 14px 34px #18223514}:root[data-mode=standard]{--section-padding-y:104px}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05070d;--bg-soft:#0c1220;--panel:#0a111fc7;--panel-strong:#070c17eb;--text:#f8fafc;--muted:#a8b3c7;--line:#84b4ff2e;--accent:#43d7ff;--accent-2:#f15cff;--accent-3:#7cffc4;--shadow:0 24px 90px #0000005c;--radius:8px;scroll-behavior:smooth;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f7fb;--bg-soft:#e8edf5;--panel:#ffffffd1;--panel-strong:#fffffff5;--text:#101624;--muted:#536075;--line:#182d5224;--accent:#1769e0;--accent-2:#8a3ffc;--accent-3:#0f8d68;--shadow:0 24px 80px #26334d29}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit}img{max-width:100%}.site-shell{background:radial-gradient(circle at 20% 0%,#43d7ff1f,transparent 28rem),radial-gradient(circle at 82% 10%,#f15cff1a,transparent 30rem),linear-gradient(180deg,var(--bg),var(--bg-soft)48%,var(--bg));min-height:100vh}.section-pad{max-width:1280px;margin:0 auto;padding:120px 32px;scroll-margin-top:112px}.section-heading{max-width:790px;margin-bottom:48px}.section-heading.compact{margin-bottom:36px}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px;font-size:.78rem;font-weight:800}.section-heading h2,.about-panel h2,.contact-panel h2{letter-spacing:0;max-width:940px;margin:0;font-size:clamp(2.2rem,5vw,4.8rem);line-height:.98}.section-heading p:not(.eyebrow),.contact-panel p,.about-copy p{color:var(--muted);font-size:1.05rem;line-height:1.75}.nav-frame{z-index:50;padding:14px 24px 0;position:sticky;top:0}.nav-bar{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-strong);grid-template-columns:auto 1fr auto;align-items:center;gap:20px;width:min(1280px,100%);margin:0 auto;padding:12px;display:grid}@supports (color:color-mix(in lab, red, red)){.nav-bar{background:color-mix(in srgb,var(--panel-strong)84%,transparent)}}.nav-bar{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand-mark{letter-spacing:.08em;align-items:center;gap:10px;min-width:96px;font-weight:900;display:inline-flex}.brand-logo{-o-object-fit:cover;object-fit:cover;border-radius:6px;width:38px;height:38px}.nav-links{justify-content:center;gap:6px;display:flex}.nav-links a{color:var(--muted);border-radius:6px;padding:10px 14px;font-size:.85rem;font-weight:700;transition:color .18s,background .18s}@supports (color:color-mix(in lab, red, red)){.nav-links a:hover{background:color-mix(in srgb,var(--accent)10%,transparent)}}.nav-links a:hover{color:var(--text)}.nav-actions{align-items:center;gap:8px;display:flex}.nav-actions>a,.theme-toggle,.mobile-menu-button{border:1px solid var(--line);background:var(--panel);border-radius:6px;place-items:center;width:40px;height:40px;display:grid}@supports (color:color-mix(in lab, red, red)){.nav-actions>a,.theme-toggle,.mobile-menu-button{background:color-mix(in srgb,var(--panel)75%,transparent)}}.nav-actions>a,.theme-toggle,.mobile-menu-button{cursor:pointer;transition:transform .18s,border-color .18s,background .18s}.nav-actions>a:hover,.theme-toggle:hover,.mobile-menu-button:hover{border-color:var(--accent);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.nav-actions>a:hover,.theme-toggle:hover,.mobile-menu-button:hover{border-color:color-mix(in srgb,var(--accent)70%,var(--line))}}.mode-toggle{border:1px solid var(--line);background:var(--panel);border-radius:999px;gap:4px;padding:4px;display:flex}@supports (color:color-mix(in lab, red, red)){.mode-toggle{background:color-mix(in srgb,var(--panel)72%,transparent)}}.mode-toggle button{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 12px;font-size:.72rem;font-weight:900}.mode-toggle button.active{background:var(--text);color:var(--bg)}.mobile-menu-button{display:none}.hero-section{place-items:center;min-height:100svh;padding:160px 32px 96px;scroll-margin-top:120px;display:grid;position:relative;overflow:hidden}.hero-inner{z-index:2;text-align:center;width:min(1120px,100%);position:relative}.hero-title{letter-spacing:0;text-transform:uppercase;gap:0;margin:0;font-size:clamp(4.7rem,15vw,13rem);font-weight:900;line-height:.76;display:grid}.hero-title span{display:block}.hero-copy{max-width:840px;color:var(--text);margin:36px auto 0;font-size:clamp(1.35rem,3vw,2.35rem);font-weight:800;line-height:1.16}.hero-support{max-width:760px;color:var(--muted);margin:20px auto 0;font-size:1.08rem;line-height:1.75}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:34px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 20px;font-weight:800;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--text);color:var(--bg)}.btn-secondary{border-color:var(--line);background:var(--panel)}@supports (color:color-mix(in lab, red, red)){.btn-secondary{background:color-mix(in srgb,var(--panel)60%,transparent)}}.btn-secondary{color:var(--text)}.hero-stats{border:1px solid var(--line);border-radius:var(--radius);background:var(--line);max-width:930px;box-shadow:var(--shadow);grid-template-columns:repeat(4,1fr);gap:1px;margin:54px auto 0;padding:0;display:grid;overflow:hidden}.hero-stats div{background:var(--panel);padding:24px 18px}.hero-stats dt{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:900}.hero-stats dd{color:var(--muted);margin:8px 0 0;font-size:.84rem;font-weight:700}.ambient-grid,.enhanced-atmosphere{pointer-events:none;position:absolute;inset:0}.ambient-grid{opacity:.28;background-image:linear-gradient(var(--line)1px,transparent 1px),linear-gradient(90deg,var(--line)1px,transparent 1px);background-size:84px 84px;-webkit-mask-image:linear-gradient(#0000,#000 18% 76%,#0000);mask-image:linear-gradient(#0000,#000 18% 76%,#0000)}:root[data-mode=standard] .ambient-grid{opacity:.08;background-size:120px 120px}.scan-line{inset-inline:0;background:linear-gradient(#0000,#43d7ff1f,#0000);height:130px;animation:6s linear infinite scan;position:absolute;top:0}.orbit{border:1px solid var(--accent);position:absolute}@supports (color:color-mix(in lab, red, red)){.orbit{border:1px solid color-mix(in srgb,var(--accent)45%,transparent)}}.orbit{filter:drop-shadow(0 0 22px var(--accent));border-radius:50%}@supports (color:color-mix(in lab, red, red)){.orbit{filter:drop-shadow(0 0 22px color-mix(in srgb,var(--accent)55%,transparent))}}.orbit-one{aspect-ratio:1;width:38vw;top:18vh;left:5vw}.orbit-two{aspect-ratio:1;border-color:var(--accent-2);width:34vw;top:10vh;right:-7vw}@supports (color:color-mix(in lab, red, red)){.orbit-two{border-color:color-mix(in srgb,var(--accent-2)45%,transparent)}}.signal{background:linear-gradient(90deg,transparent,var(--accent),transparent);height:2px;animation:4s ease-in-out infinite signal;position:absolute}.signal-one{width:34vw;top:38%;left:12%}.signal-two{background:linear-gradient(90deg,transparent,var(--accent-2),transparent);width:28vw;animation-delay:1.6s;top:28%;right:8%}:root[data-mode=enhanced] .hero-title{text-shadow:-5px 0 #f15cff80,5px 0 #43d7ff8c,0 0 42px #43d7ff38}:root[data-mode=standard] .hero-title{text-transform:none;font-size:clamp(4rem,12vw,10.5rem)}.projects-section,.stack-section,.contact-section{position:relative}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none;display:grid}.project-card,.timeline-item,.skill-panel,.about-panel,.contact-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.project-card{transition:transform .2s,border-color .2s;overflow:hidden}.project-card:hover{border-color:var(--accent);transform:translateY(-6px)}@supports (color:color-mix(in lab, red, red)){.project-card:hover{border-color:color-mix(in srgb,var(--accent)72%,var(--line))}}.project-image-link{aspect-ratio:16/10;background:var(--bg-soft);display:block;overflow:hidden}.card-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.project-card:hover .card-image{transform:scale(1.04)}.project-card-body{padding:24px}.project-card-kicker{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;gap:14px;font-size:.76rem;font-weight:900;display:flex}.project-card h3{margin:16px 0 0;font-size:1.55rem;line-height:1.12}.project-card p{min-height:150px;color:var(--muted);margin:16px 0 0;line-height:1.65}.project-tags,.project-metrics,.skill-panel div,.contact-links{flex-wrap:wrap;gap:8px;display:flex}.project-tags{margin-top:18px}.project-tags span,.skill-panel span{border:1px solid var(--line);color:var(--text);background:var(--accent);border-radius:999px;padding:7px 10px}@supports (color:color-mix(in lab, red, red)){.project-tags span,.skill-panel span{background:color-mix(in srgb,var(--accent)7%,transparent)}}.project-tags span,.skill-panel span{font-size:.78rem;font-weight:700}.project-metrics{margin:18px 0 0;padding:0;list-style:none}.project-metrics li{color:var(--muted);font-size:.82rem;font-weight:700}.timeline{gap:16px;display:grid}.timeline-item{grid-template-columns:minmax(220px,.6fr) 1fr;gap:30px;padding:28px;display:grid}.timeline-item span{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;font-weight:900}.timeline-item h3{margin:12px 0 0;font-size:1.35rem}.timeline-company{color:var(--muted);margin:8px 0 0;font-weight:800}.timeline-item>p{color:var(--muted);margin:0;line-height:1.7}.skill-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.skill-panel{padding:26px}.skill-panel h3{margin:0 0 20px;font-size:1.25rem}.about-panel{grid-template-columns:.9fr 1.1fr;gap:44px;padding:clamp(28px,5vw,56px);display:grid}.about-panel .eyebrow,.about-panel h2{grid-column:1}.about-copy{grid-area:1/2/span 2}.about-copy p:first-child{margin-top:0}.contact-panel{grid-template-columns:.85fr 1.15fr;gap:46px;padding:clamp(28px,5vw,56px);display:grid}.contact-links{margin-top:28px}.contact-links a{border:1px solid var(--line);border-radius:6px;align-items:center;gap:8px;padding:12px 14px;font-weight:800;display:inline-flex}.contact-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.contact-form label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;gap:8px;font-size:.8rem;font-weight:900;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--line);background:var(--bg);border-radius:6px;width:100%}@supports (color:color-mix(in lab, red, red)){.contact-form input,.contact-form textarea{background:color-mix(in srgb,var(--bg)68%,transparent)}}.contact-form input,.contact-form textarea{color:var(--text);outline:none;padding:14px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent)}.full-span{grid-column:1/-1}.credits-text{color:var(--muted);text-align:center;margin:28px 0 0;font-size:.9rem}:root[data-mode=enhanced] .nav-bar,:root[data-mode=enhanced] .project-card,:root[data-mode=enhanced] .timeline-item,:root[data-mode=enhanced] .skill-panel,:root[data-mode=enhanced] .about-panel,:root[data-mode=enhanced] .contact-panel,:root[data-mode=enhanced] .hero-stats{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}:root[data-mode=enhanced] .project-card,:root[data-mode=enhanced] .timeline-item,:root[data-mode=enhanced] .skill-panel,:root[data-mode=enhanced] .about-panel,:root[data-mode=enhanced] .contact-panel{background:linear-gradient(135deg,var(--accent),transparent 35%),var(--panel)}@supports (color:color-mix(in lab, red, red)){:root[data-mode=enhanced] .project-card,:root[data-mode=enhanced] .timeline-item,:root[data-mode=enhanced] .skill-panel,:root[data-mode=enhanced] .about-panel,:root[data-mode=enhanced] .contact-panel{background:linear-gradient(135deg,color-mix(in srgb,var(--accent)9%,transparent),transparent 35%),var(--panel)}}:root[data-mode=standard] .project-card,:root[data-mode=standard] .timeline-item,:root[data-mode=standard] .skill-panel,:root[data-mode=standard] .about-panel,:root[data-mode=standard] .contact-panel,:root[data-mode=standard] .hero-stats,:root[data-mode=standard] .nav-bar{box-shadow:0 18px 55px #0000001a}@keyframes scan{0%{opacity:0;transform:translateY(-20vh)}20%{opacity:1}to{opacity:0;transform:translateY(120vh)}}@keyframes signal{0%,78%,to{opacity:0;transform:scaleX(.2)translate(-50px)}84%{opacity:1;transform:scaleX(1)translate(0)}90%{opacity:.2}}@media (max-width:1080px){.nav-bar{grid-template-columns:auto auto 1fr}.mobile-menu-button{display:grid}.nav-links{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-strong);box-shadow:var(--shadow);flex-direction:column;padding:18px;display:none;position:fixed;inset:86px 20px auto}.nav-links.open{display:flex}.nav-actions{justify-content:flex-end}.nav-actions>a{display:none}.projects-grid,.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-panel,.contact-panel{grid-template-columns:1fr}.about-panel .eyebrow,.about-panel h2,.about-copy{grid-area:auto}}@media (max-width:760px){.section-pad{padding:84px 18px}.nav-frame{padding:10px 10px 0}.nav-bar{gap:10px;padding:10px}.brand-mark span{display:none}.mode-toggle button{padding:8px 9px;font-size:.62rem}.hero-section{min-height:auto;padding:122px 18px 72px}.hero-title{font-size:clamp(3.4rem,19vw,7rem)}:root[data-mode=standard] .hero-title{font-size:clamp(3.1rem,17vw,6rem)}.hero-copy{margin-top:28px}.hero-stats,.projects-grid,.skill-grid,.timeline-item,.contact-form{grid-template-columns:1fr}.project-card p{min-height:auto}.contact-panel,.about-panel{padding:24px}}@media (max-width:480px){.theme-toggle{display:none}.hero-actions .btn{width:100%}.section-heading h2,.about-panel h2,.contact-panel h2{font-size:2.1rem}}.nav-frame{padding-inline:16px}.nav-bar{width:100%;max-width:none}.brand-mark{border:1px solid var(--line);background:var(--accent);border-radius:6px;justify-content:center;min-width:54px;padding:10px 12px}@supports (color:color-mix(in lab, red, red)){.brand-mark{background:color-mix(in srgb,var(--accent)9%,transparent)}}.brand-mark span{font-size:1.1rem;line-height:1;display:block}.nav-links a,.project-card p,.section-heading p:not(.eyebrow),.contact-panel p,.about-copy p,.timeline-item>p{color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.nav-links a,.project-card p,.section-heading p:not(.eyebrow),.contact-panel p,.about-copy p,.timeline-item>p{color:color-mix(in srgb,var(--muted)78%,var(--text))}}:root[data-theme=dark]{--muted:#c4ccda;--line:#aad3ff3b}.hero-title span{position:relative}:root[data-mode=enhanced] .hero-title span:before,:root[data-mode=enhanced] .hero-title span:after{content:attr(data-text);pointer-events:none;mix-blend-mode:screen;opacity:.7;position:absolute;inset:0}:root[data-mode=enhanced] .hero-title span:before{color:var(--accent);clip-path:polygon(0 12%,100% 8%,100% 34%,0 42%);animation:1.5s steps(2,end) infinite glitchSliceOne;transform:translate(-6px)}:root[data-mode=enhanced] .hero-title span:after{color:var(--accent-2);clip-path:polygon(0 58%,100% 52%,100% 86%,0 90%);animation:1.25s steps(2,end) infinite glitchSliceTwo;transform:translate(6px)}.hero-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:900px;margin:42px auto 0;display:grid}.hero-info-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:20px}.hero-info-card span,.hero-info-card small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;font-weight:900}.hero-info-card strong{margin:10px 0;font-size:1.25rem;line-height:1.12;display:block}.featured-project{border:1px solid var(--accent-2);grid-template-columns:.9fr 1.1fr;gap:34px;margin-bottom:30px;display:grid}@supports (color:color-mix(in lab, red, red)){.featured-project{border:1px solid color-mix(in srgb,var(--accent-2)36%,var(--line))}}.featured-project{border-radius:var(--radius);background:radial-gradient(circle at 80% 20%,var(--accent-2),transparent 32%),linear-gradient(135deg,var(--accent),transparent 42%),var(--panel)}@supports (color:color-mix(in lab, red, red)){.featured-project{background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--accent-2)15%,transparent),transparent 32%),linear-gradient(135deg,color-mix(in srgb,var(--accent)10%,transparent),transparent 42%),var(--panel)}}.featured-project{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:clamp(24px,4vw,42px);overflow:hidden}:root[data-mode=enhanced] .featured-project{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))}.featured-copy h3{text-transform:uppercase;margin:0;font-size:clamp(2rem,5vw,4.1rem);line-height:.95}.featured-copy p:not(.eyebrow){color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.featured-copy p:not(.eyebrow){color:color-mix(in srgb,var(--muted)78%,var(--text))}}.featured-copy p:not(.eyebrow){margin:20px 0 0;line-height:1.75}.featured-tags{flex-wrap:wrap;gap:8px;margin:22px 0;display:flex}.featured-tags span{border:1px solid var(--line);border-radius:999px;padding:8px 11px;font-size:.78rem;font-weight:800}.featured-visual{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);min-height:320px;position:relative;overflow:hidden}.featured-visual img{-o-object-fit:cover;object-fit:cover;opacity:.88;width:100%;height:100%;min-height:320px}.featured-readout{grid-template-columns:repeat(3,1fr);gap:8px;display:grid;position:absolute;inset:auto 18px 18px}.featured-readout span{border:1px solid var(--line);background:var(--panel-strong);border-radius:6px}@supports (color:color-mix(in lab, red, red)){.featured-readout span{background:color-mix(in srgb,var(--panel-strong)86%,transparent)}}.featured-readout span{color:var(--text);text-align:center;padding:12px;font-size:.78rem;font-weight:900}.project-toolbar{flex-wrap:wrap;gap:10px;margin:0 0 26px;display:flex}.project-toolbar button{border:1px solid var(--line);background:var(--panel);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.project-toolbar button{background:color-mix(in srgb,var(--panel)72%,transparent)}}.project-toolbar button{color:var(--muted);cursor:pointer;padding:10px 14px;font-size:.82rem;font-weight:900}.project-toolbar button.active{background:var(--text);color:var(--bg)}@keyframes namePulse{0%,to{filter:brightness();transform:translate(0)}48%{filter:brightness(1.28);transform:translate(-1px)}50%{transform:translate(2px)}53%{transform:translate(0)}}@keyframes glitchSliceOne{0%,74%,to{transform:translate(-6px)}78%{transform:translate(12px,-3px)}84%{transform:translate(-14px,2px)}}@keyframes glitchSliceTwo{0%,70%,to{transform:translate(6px)}74%{transform:translate(-10px,3px)}81%{transform:translate(16px,-2px)}}@media (max-width:1080px){.featured-project{grid-template-columns:1fr}}@media (max-width:760px){.hero-info-grid,.featured-readout{grid-template-columns:1fr}.featured-visual,.featured-visual img{min-height:240px}}.nav-frame{padding:0;top:0}.nav-bar{border-top:0;border-left:0;border-right:0;border-radius:0;min-height:76px;padding:12px 28px}.brand-mark{min-width:72px;min-height:52px;padding:14px 18px;font-size:1.35rem}.nav-links{gap:14px}.nav-links a{padding:13px 16px;font-size:1rem;font-weight:850}.nav-actions{gap:10px}.nav-actions>a,.theme-toggle,.mobile-menu-button{width:48px;height:48px;font-size:1.15rem}.mode-toggle{padding:5px}.mode-toggle button{padding:12px 15px;font-size:.78rem}.hero-section{padding-top:132px}:root[data-theme=light] .orbit,:root[data-theme=light] .signal,:root[data-theme=light] .scan-line{opacity:.28}:root[data-mode=enhanced] .projects-section,:root[data-mode=enhanced] .experience-section,:root[data-mode=enhanced] .stack-section,:root[data-mode=enhanced] .about-section,:root[data-mode=enhanced] .contact-section{background:radial-gradient(circle at 16% 18%,var(--accent),transparent 28rem),radial-gradient(circle at 86% 32%,var(--accent-2),transparent 26rem)}@supports (color:color-mix(in lab, red, red)){:root[data-mode=enhanced] .projects-section,:root[data-mode=enhanced] .experience-section,:root[data-mode=enhanced] .stack-section,:root[data-mode=enhanced] .about-section,:root[data-mode=enhanced] .contact-section{background:radial-gradient(circle at 16% 18%,color-mix(in srgb,var(--accent)16%,transparent),transparent 28rem),radial-gradient(circle at 86% 32%,color-mix(in srgb,var(--accent-2)13%,transparent),transparent 26rem)}}:root[data-mode=enhanced] .project-card:nth-child(3n+1),:root[data-mode=enhanced] .skill-panel:nth-child(3n+1),:root[data-mode=enhanced] .timeline-item:nth-child(3n+1){border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-mode=enhanced] .project-card:nth-child(3n+1),:root[data-mode=enhanced] .skill-panel:nth-child(3n+1),:root[data-mode=enhanced] .timeline-item:nth-child(3n+1){border-color:color-mix(in srgb,var(--accent)42%,var(--line))}}:root[data-mode=enhanced] .project-card:nth-child(3n+2),:root[data-mode=enhanced] .skill-panel:nth-child(3n+2),:root[data-mode=enhanced] .timeline-item:nth-child(3n+2){border-color:var(--accent-2)}@supports (color:color-mix(in lab, red, red)){:root[data-mode=enhanced] .project-card:nth-child(3n+2),:root[data-mode=enhanced] .skill-panel:nth-child(3n+2),:root[data-mode=enhanced] .timeline-item:nth-child(3n+2){border-color:color-mix(in srgb,var(--accent-2)38%,var(--line))}}:root[data-mode=enhanced] .project-card:nth-child(3n),:root[data-mode=enhanced] .skill-panel:nth-child(3n),:root[data-mode=enhanced] .timeline-item:nth-child(3n){border-color:var(--accent-3)}@supports (color:color-mix(in lab, red, red)){:root[data-mode=enhanced] .project-card:nth-child(3n),:root[data-mode=enhanced] .skill-panel:nth-child(3n),:root[data-mode=enhanced] .timeline-item:nth-child(3n){border-color:color-mix(in srgb,var(--accent-3)34%,var(--line))}}:root[data-mode=enhanced] .section-heading h2,:root[data-mode=enhanced] .featured-copy h3{text-shadow:0 0 34px var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-mode=enhanced] .section-heading h2,:root[data-mode=enhanced] .featured-copy h3{text-shadow:0 0 34px color-mix(in srgb,var(--accent)20%,transparent)}}:root[data-theme=light][data-mode=enhanced] .project-card,:root[data-theme=light][data-mode=enhanced] .timeline-item,:root[data-theme=light][data-mode=enhanced] .skill-panel,:root[data-theme=light][data-mode=enhanced] .about-panel,:root[data-theme=light][data-mode=enhanced] .contact-panel,:root[data-theme=light][data-mode=enhanced] .featured-project{background:linear-gradient(135deg,#1769e014,transparent 38%),linear-gradient(315deg,#8a3ffc14,transparent 42%),var(--panel)}@media (max-width:1080px){.nav-bar{min-height:70px;padding:10px 16px}.nav-links{inset:76px 12px auto}}@media (max-width:760px){.brand-mark{min-width:58px;min-height:46px;padding:12px 14px}.nav-actions>a,.theme-toggle,.mobile-menu-button{width:44px;height:44px}.mode-toggle button{padding:10px}}:root[data-theme=light] .btn-secondary,:root[data-theme=light] .project-card,:root[data-theme=light] .timeline-item,:root[data-theme=light] .skill-panel,:root[data-theme=light] .about-panel,:root[data-theme=light] .contact-panel,:root[data-theme=light] .hero-info-card,:root[data-theme=light] .hero-stats div{background:linear-gradient(145deg,#ffffffeb,#e6f1ffd6);border-color:#153f7e33}:root[data-theme=light] .hero-title{color:#0a1f44;text-shadow:0 10px #006dff1f,0 28px 70px #153f7e2e}:root[data-theme=light] .hero-copy,:root[data-theme=light] .section-heading h2,:root[data-theme=light] .featured-copy h3,:root[data-theme=light] .about-panel h2,:root[data-theme=light] .contact-panel h2,:root[data-theme=light] .project-card h3,:root[data-theme=light] .timeline-item h3,:root[data-theme=light] .skill-panel h3,:root[data-theme=light] .hero-info-card strong{color:#0a1f44}:root[data-theme=light] .nav-bar{background:#eff8fff0;border-color:#0078ff38}:root[data-theme=light] .mode-toggle button.active,:root[data-theme=light] .project-toolbar button.active,:root[data-theme=light] .btn-primary{color:#fff;background:linear-gradient(135deg,#176dff,#00a6ff);box-shadow:0 14px 34px #0078ff3d}:root[data-theme=light] .featured-readout span{color:#fff;background:linear-gradient(135deg,#176dff,#00a6ff)}:root[data-theme=light]{--shadow:0 18px 48px #274a7d1f}:root[data-theme=light] .mode-toggle button.active,:root[data-theme=light] .project-toolbar button.active,:root[data-theme=light] .btn-primary{color:#fff;box-shadow:none;background:#1f66e5}:root[data-theme=light] .project-card,:root[data-theme=light] .timeline-item,:root[data-theme=light] .skill-panel,:root[data-theme=light] .about-panel,:root[data-theme=light] .contact-panel,:root[data-theme=light] .hero-info-card,:root[data-theme=light] .hero-stats,:root[data-theme=light] .featured-project,:root[data-theme=light] .nav-bar{box-shadow:0 14px 34px #263e621a}:root[data-theme=light] .project-card,:root[data-theme=light] .timeline-item,:root[data-theme=light] .skill-panel,:root[data-theme=light] .about-panel,:root[data-theme=light] .contact-panel,:root[data-theme=light] .hero-info-card,:root[data-theme=light] .hero-stats div{background:#ffffffe6;border-color:#2257a629}:root[data-theme=light] .featured-project{background:radial-gradient(circle at 80% 14%,#b026ff1f,#0000 34%),radial-gradient(circle at 8% 88%,#00a6ff24,#0000 40%),#ffffffe6;border-color:#2257a633}:root[data-theme=light] .featured-readout span{color:#fff;box-shadow:none;background:#2257b8}:root[data-theme=light] .project-card:hover{border-color:#1f66e547;transform:translateY(-4px)}:root[data-theme=light] .ambient-grid{opacity:.045;background-size:112px 112px;-webkit-mask-image:linear-gradient(#0000,#000 24% 62%,#0000);mask-image:linear-gradient(#0000,#000 24% 62%,#0000)}:root[data-theme=light] .orbit{opacity:.08;filter:none}:root[data-theme=light] .orbit-one,:root[data-theme=light] .orbit-two{border-color:#0078ff14}:root[data-theme=light] .signal,:root[data-theme=light] .scan-line{opacity:.14}:root[data-theme=light][data-mode=standard] .ambient-grid,:root[data-theme=light][data-mode=standard] .orbit,:root[data-theme=light][data-mode=standard] .signal,:root[data-theme=light][data-mode=standard] .scan-line{display:none}:root[data-theme=light] .featured-project{background:radial-gradient(circle at 78% 18%,#0000 0 11rem,#b026ff24 11.05rem,#0000 11.14rem),radial-gradient(circle at 8% 88%,#0000 0 12rem,#00a6ff24 12.05rem,#0000 12.14rem),#ffffffe6}:root[data-theme=light] .signal,:root[data-theme=light] .scan-line{display:none}:root[data-theme=light] .nav-bar{border-color:#232d401f;box-shadow:0 8px 22px #232d4014}:root[data-theme=light] .brand-mark,:root[data-theme=light] .nav-actions>a,:root[data-theme=light] .theme-toggle,:root[data-theme=light] .mobile-menu-button,:root[data-theme=light] .mode-toggle{box-shadow:none}:root[data-theme=light]{--bg:#f7f8fb;--bg-soft:#eef1f6;--panel:#fffffff0;--panel-strong:#fffffffa;--text:#182235;--muted:#566276;--line:#1c263721;--accent:#2563eb;--accent-2:#7c3aed;--accent-3:#0891b2;--shadow:0 16px 42px #1822351a}:root[data-theme=light] .site-shell{background:linear-gradient(#fbfcfe 0%,#f1f3f7 52%,#f8fafc 100%)}:root[data-theme=light] .hero-section{background:radial-gradient(circle at 18% 44%,#0000 0 23rem,#2563eb0e 23.08rem,#0000 23.16rem),radial-gradient(circle at 90% 36%,#0000 0 25rem,#7c3aed0b 25.08rem,#0000 25.16rem),linear-gradient(#ffffffb8,#0000 48%)}:root[data-theme=light] .nav-bar,:root[data-theme=light] .project-card,:root[data-theme=light] .timeline-item,:root[data-theme=light] .skill-panel,:root[data-theme=light] .about-panel,:root[data-theme=light] .contact-panel,:root[data-theme=light] .hero-info-card,:root[data-theme=light] .hero-stats div{background:#fffffff0;border-color:#1c263721;box-shadow:0 14px 34px #18223514}:root[data-theme=light] .brand-mark,:root[data-theme=light] .nav-actions>a,:root[data-theme=light] .theme-toggle,:root[data-theme=light] .mobile-menu-button,:root[data-theme=light] .mode-toggle{color:#182235;background:#f3f6fb;border-color:#1c263721}:root[data-theme=light] .hero-title,:root[data-theme=light] .hero-copy,:root[data-theme=light] .section-heading h2,:root[data-theme=light] .featured-copy h3,:root[data-theme=light] .about-panel h2,:root[data-theme=light] .contact-panel h2,:root[data-theme=light] .project-card h3,:root[data-theme=light] .timeline-item h3,:root[data-theme=light] .skill-panel h3,:root[data-theme=light] .hero-info-card strong{color:#182235}:root[data-theme=light] .hero-title{text-shadow:0 18px 42px #1822351a}:root[data-theme=light] .eyebrow,:root[data-theme=light] .project-card-kicker,:root[data-theme=light] .timeline-item span{color:#2563eb}:root[data-theme=light] .mode-toggle button.active,:root[data-theme=light] .project-toolbar button.active,:root[data-theme=light] .btn-primary{color:#fff;background:#2563eb}:root[data-theme=light] .btn-primary:hover{background:#1d4ed8}:root[data-theme=light] .project-tags span,:root[data-theme=light] .skill-panel span,:root[data-theme=light] .featured-tags span,:root[data-theme=light] .project-toolbar button,:root[data-theme=light] .contact-links a{color:#334155;background:#f6f8fc;border-color:#1c263721}:root[data-theme=light] .featured-project{background:linear-gradient(90deg,#2563eb0f,#0000 24%),linear-gradient(270deg,#7c3aed0b,#0000 28%),#fffffff0;border-color:#2563eb2e;box-shadow:0 16px 40px #18223517}:root[data-theme=light] .featured-readout span{color:#fff;background:#25324a;border-color:#ffffff2e}:root[data-theme=light][data-mode=enhanced] .projects-section,:root[data-theme=light][data-mode=enhanced] .experience-section,:root[data-theme=light][data-mode=enhanced] .stack-section,:root[data-theme=light][data-mode=enhanced] .about-section,:root[data-theme=light][data-mode=enhanced] .contact-section{background:0 0}:root[data-theme=light][data-mode=enhanced] .project-card,:root[data-theme=light][data-mode=enhanced] .timeline-item,:root[data-theme=light][data-mode=enhanced] .skill-panel,:root[data-theme=light][data-mode=enhanced] .about-panel,:root[data-theme=light][data-mode=enhanced] .contact-panel{background:#fffffff0}.hero-title{background:linear-gradient(110deg,var(--text)0%,var(--accent)42%,var(--accent-2)76%,var(--text)100%);color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:8s ease-in-out infinite titleAccentDrift}:root[data-theme=light] .hero-title{color:#0000;background:linear-gradient(110deg,#182235 0%,#2563eb 38%,#7c3aed 72%,#182235 100%) 0 0/220% 100%;-webkit-background-clip:text;background-clip:text}.hero-info-card,.project-card,.skill-panel,.timeline-item,.about-panel,.contact-panel,.featured-project{position:relative}.hero-info-card:before,.project-card:before,.skill-panel:before,.timeline-item:before,.about-panel:before,.contact-panel:before{content:"";border-radius:var(--radius)0 0 var(--radius);background:linear-gradient(180deg,var(--accent),var(--accent-2));opacity:.72;width:3px;position:absolute;inset:0 auto 0 0}.project-card:nth-child(3n+2):before,.skill-panel:nth-child(3n+2):before,.timeline-item:nth-child(3n+2):before{background:linear-gradient(180deg,var(--accent-2),var(--accent-3))}.project-card:nth-child(3n):before,.skill-panel:nth-child(3n):before,.timeline-item:nth-child(3n):before{background:linear-gradient(180deg,var(--accent-3),var(--accent))}.featured-project:after{content:"";background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3));opacity:.8;height:3px;position:absolute;inset:0 0 auto}.nav-links a:hover,.contact-links a:hover,.project-toolbar button:hover,.btn-secondary:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.nav-links a:hover,.contact-links a:hover,.project-toolbar button:hover,.btn-secondary:hover{border-color:color-mix(in srgb,var(--accent)42%,var(--line))}}.nav-links a:hover,.contact-links a:hover,.project-toolbar button:hover,.btn-secondary:hover{color:var(--accent)}.brand-mark span{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}@keyframes titleAccentDrift{0%,to{background-position:0%}50%{background-position:100%}}@media (prefers-reduced-motion:reduce){.hero-title,:root[data-mode=enhanced] .hero-title{animation:none}}.hero-title{color:var(--text);background:0 0;animation:none}.hero-title span{color:inherit;-webkit-text-fill-color:currentColor;background:0 0}:root[data-mode=enhanced] .hero-title{animation:2.6s ease-in-out infinite namePulse}:root[data-theme=light] .hero-title{color:#182235;text-shadow:0 18px 42px #1822351a;background:0 0;animation:none}:root[data-theme=light] .hero-title span{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(110deg,#182235 0%,#2563eb 42%,#7c3aed 74%,#182235 100%) 0 0/220% 100%;-webkit-background-clip:text;background-clip:text;animation:8s ease-in-out infinite titleAccentDrift;display:block}:root[data-theme=light] .hero-title span:before,:root[data-theme=light] .hero-title span:after{display:none}@media (prefers-reduced-motion:reduce){:root[data-theme=light] .hero-title span{animation:none}}:root[data-mode=enhanced][data-theme=dark] .projects-section,:root[data-mode=enhanced][data-theme=dark] .experience-section,:root[data-mode=enhanced][data-theme=dark] .stack-section,:root[data-mode=enhanced][data-theme=dark] .about-section,:root[data-mode=enhanced][data-theme=dark] .contact-section{background:0 0}:root[data-mode=enhanced][data-theme=dark] .section-heading{border-left:2px solid var(--accent);padding:34px 0 26px 28px;position:relative}:root[data-mode=enhanced][data-theme=dark] .section-heading:before{content:"";background:linear-gradient(90deg,var(--accent),transparent);width:min(520px,82vw);height:1px;position:absolute;inset:0 auto auto 0}:root[data-mode=enhanced][data-theme=dark] .project-card,:root[data-mode=enhanced][data-theme=dark] .timeline-item,:root[data-mode=enhanced][data-theme=dark] .skill-panel,:root[data-mode=enhanced][data-theme=dark] .about-panel,:root[data-mode=enhanced][data-theme=dark] .contact-panel{background:#070c17e0}:root[data-mode=enhanced][data-theme=dark] .featured-project{background:linear-gradient(135deg,#43d7ff14,#0000 42%),#070c17e6}:root[data-mode=standard] .enhanced-atmosphere,:root[data-mode=standard] .ambient-grid,:root[data-mode=standard] .hero-info-card:before,:root[data-mode=standard] .project-card:before,:root[data-mode=standard] .skill-panel:before,:root[data-mode=standard] .timeline-item:before,:root[data-mode=standard] .about-panel:before,:root[data-mode=standard] .contact-panel:before,:root[data-mode=standard] .featured-project:after{display:none}:root[data-mode=standard] .nav-bar,:root[data-mode=standard] .project-card,:root[data-mode=standard] .timeline-item,:root[data-mode=standard] .skill-panel,:root[data-mode=standard] .about-panel,:root[data-mode=standard] .contact-panel,:root[data-mode=standard] .hero-info-card,:root[data-mode=standard] .hero-stats,:root[data-mode=standard] .featured-project{clip-path:none;border-radius:8px}:root[data-mode=standard] .site-shell{background:var(--bg)}:root[data-mode=standard][data-theme=dark]{--bg:#0b1020;--bg-soft:#111827;--panel:#111827d1;--panel-strong:#0f172af5;--text:#f8fafc;--muted:#cbd5e1;--line:#94a3b82e;--accent:#60a5fa;--accent-2:#a78bfa;--accent-3:#2dd4bf}:root[data-mode=standard] .section-pad{padding-top:104px;padding-bottom:104px}:root[data-mode=standard] .section-heading h2,:root[data-mode=standard] .about-panel h2,:root[data-mode=standard] .contact-panel h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.08}:root[data-mode=standard] .hero-title{text-shadow:none;animation:none}:root[data-mode=standard][data-theme=dark] .hero-title span:before,:root[data-mode=standard][data-theme=dark] .hero-title span:after{display:none}:root[data-mode=standard] .project-card:hover{transform:translateY(-3px)}:root[data-mode=standard] .featured-project{background:var(--panel)}:root[data-mode=standard] .project-tags span,:root[data-mode=standard] .skill-panel span,:root[data-mode=standard] .featured-tags span{background:0 0}:root[data-theme=light] .hero-title span{color:var(--accent);-webkit-text-fill-color:var(--accent);background:0 0;animation:none}:root[data-theme=light] .hero-title span:nth-child(2){color:var(--accent-2);-webkit-text-fill-color:var(--accent-2)}:root[data-mode=enhanced][data-theme=dark] .hero-title{text-shadow:-4px 0 #f15cff7a,4px 0 #43d7ff80,0 0 36px #43d7ff38;animation:5.8s step-end infinite enhancedNameSettle}:root[data-mode=enhanced][data-theme=dark] .hero-title span:before,:root[data-mode=enhanced][data-theme=dark] .hero-title span:after{opacity:0;display:block}:root[data-mode=enhanced][data-theme=dark] .hero-title span:before{animation:5.8s step-end infinite enhancedSliceCyan}:root[data-mode=enhanced][data-theme=dark] .hero-title span:after{animation:5.8s step-end infinite enhancedSliceViolet}@keyframes enhancedNameSettle{0%,72%,to{filter:brightness();transform:translate(0)skew(0deg)}74%{filter:brightness(1.18);transform:translate(-2px,1px)skew(-1deg)}76%{filter:brightness(1.06);transform:translate(2px,-1px)skew(1deg)}78%{filter:brightness(1.25);transform:translate(0)skew(0deg)}81%{transform:translate(1px)skew(-.5deg)}83%{transform:translate(0)skew(0deg)}}@keyframes enhancedSliceCyan{0%,70%,to{opacity:0;clip-path:inset(0);transform:translate(0)}73%{opacity:.78;clip-path:inset(12% 0 68%);transform:translate(-10px,-3px)}76%{opacity:.42;clip-path:inset(38% 0 42%);transform:translate(8px,2px)}80%{opacity:.7;clip-path:inset(72% 0 12%);transform:translate(-6px,3px)}84%{opacity:0;transform:translate(0)}}@keyframes enhancedSliceViolet{0%,71%,to{opacity:0;clip-path:inset(0);transform:translate(0)}74%{opacity:.64;clip-path:inset(58% 0 24%);transform:translate(12px,2px)}77%{opacity:.5;clip-path:inset(22% 0 58%);transform:translate(-8px,-2px)}82%{opacity:.68;clip-path:inset(80% 0 4%);transform:translate(7px,1px)}85%{opacity:0;transform:translate(0)}}:root[data-theme=light] .hero-title span,:root[data-theme=light] .hero-title span:nth-child(2){color:var(--accent);-webkit-text-fill-color:var(--accent)}:root[data-theme=light][data-mode=enhanced] .hero-title{animation:6.4s step-end infinite lightEnhancedNameNudge}:root[data-theme=light][data-mode=enhanced] .hero-title span:before{content:attr(data-text);color:var(--accent);-webkit-text-fill-color:var(--accent);opacity:0;clip-path:inset(0);animation:6.4s step-end infinite lightEnhancedSlice;display:block;position:absolute;inset:0}:root[data-theme=light][data-mode=enhanced] .hero-title span:after{display:none}@keyframes lightEnhancedNameNudge{0%,74%,to{filter:none;transform:translate(0)}76%{filter:brightness(1.08);transform:translate(-1px)}78%{transform:translate(1px)}80%{transform:translate(0)}}@keyframes lightEnhancedSlice{0%,72%,to{opacity:0;transform:translate(0)}75%{opacity:.36;clip-path:inset(16% 0 70%);transform:translate(-8px,-2px)}78%{opacity:.24;clip-path:inset(52% 0 32%);transform:translate(7px,2px)}81%{opacity:.32;clip-path:inset(78% 0 8%);transform:translate(-5px,1px)}84%{opacity:0;transform:translate(0)}}.nav-bar{grid-template-columns:auto minmax(0,1fr) auto;gap:22px}.nav-links{border:1px solid var(--line);background:var(--panel);border-radius:999px;justify-content:flex-start;width:fit-content;padding:5px}@supports (color:color-mix(in lab, red, red)){.nav-links{background:color-mix(in srgb,var(--panel)72%,transparent)}}.nav-links a{border-radius:999px;padding:11px 15px;font-size:.95rem;position:relative}.nav-links a:after{content:"";background:var(--accent);opacity:0;border-radius:999px;height:2px;transition:opacity .18s,transform .18s;position:absolute;inset:auto 16px 7px;transform:scaleX(.4)}.nav-links a:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.nav-links a:hover{background:color-mix(in srgb,var(--accent)9%,transparent)}}.nav-links a:hover:after{opacity:1;transform:scaleX(1)}.nav-actions{justify-self:end}:root[data-mode=standard] .nav-links{background:0 0}@media (max-width:1080px){.nav-bar{grid-template-columns:auto auto 1fr}.nav-links{border-radius:var(--radius);width:auto;padding:16px}.nav-links a{border-radius:6px}}.brand-mark{min-width:58px;padding:8px}.brand-logo{-o-object-fit:cover;object-fit:cover;border-radius:6px;width:42px;height:42px;display:block}.brand-mark span{color:inherit;background:0 0}:root[data-theme=light] .brand-mark{background:#fff}:root[data-mode=enhanced][data-theme=dark] .hero-title{color:var(--text);text-shadow:-4px 0 #f15cff85,4px 0 #43d7ff8a,0 0 36px #43d7ff38;animation:5.8s step-end infinite enhancedNameSettle}:root[data-mode=enhanced][data-theme=dark] .hero-title span{color:inherit;-webkit-text-fill-color:currentColor;background:0 0;animation:none}:root[data-mode=enhanced][data-theme=dark] .hero-title span:before,:root[data-mode=enhanced][data-theme=dark] .hero-title span:after{content:attr(data-text);pointer-events:none;mix-blend-mode:screen;opacity:0;display:block;position:absolute;inset:0}:root[data-mode=enhanced][data-theme=dark] .hero-title span:before{color:var(--accent);animation:5.8s step-end infinite enhancedSliceCyan}:root[data-mode=enhanced][data-theme=dark] .hero-title span:after{color:var(--accent-2);animation:5.8s step-end infinite enhancedSliceViolet}@media (max-width:760px){.brand-logo{width:36px;height:36px}}.brand-mark,:root[data-theme=light] .brand-mark,:root[data-theme=dark] .brand-mark{min-width:auto;min-height:auto;box-shadow:none;background:0 0;border:0;padding:0}.brand-logo{border-radius:8px;width:48px;height:48px;transition:transform .18s,box-shadow .18s;box-shadow:0 10px 24px #0000002e}.brand-mark:hover .brand-logo{transform:translateY(-1px);box-shadow:0 14px 28px #00000038}:root[data-theme=light] .brand-logo{box-shadow:0 10px 24px #18223524}:root[data-mode=enhanced][data-theme=light] .hero-section{background:linear-gradient(#ffffffc7,#0000 48%),linear-gradient(90deg,#0000 0 8%,#2563eb09 18%,#0000 34% 66%,#7c3aed08 82%,#0000 94%)}:root[data-mode=enhanced][data-theme=light] .orbit,:root[data-mode=enhanced][data-theme=light] .signal,:root[data-mode=enhanced][data-theme=light] .scan-line,.hero-corner,:root[data-mode=enhanced][data-theme=light] .hero-corner,:root[data-mode=enhanced][data-theme=light] .hero-section:before,:root[data-mode=enhanced][data-theme=light] .hero-section:after,:root[data-mode=enhanced][data-theme=light] .hero-inner:before,:root[data-mode=enhanced][data-theme=light] .hero-inner:after,:root[data-mode=enhanced][data-theme=light] .hero-title:before,:root[data-mode=enhanced][data-theme=light] .hero-title:after{content:none!important;display:none!important}:root[data-mode=enhanced][data-theme=light] .hero-title{width:fit-content;margin-inline:auto;position:relative}:root[data-mode=enhanced][data-theme=light] .hero-inner{padding:0}.hero-actions-wrap,:root[data-mode=enhanced][data-theme=light] .hero-actions-wrap{width:auto;margin:34px auto 0;padding:0;position:relative}.hero-actions-wrap .hero-actions{margin-top:0}:root[data-theme=dark] .nav-links a{color:#f1f5f9}:root[data-theme=dark] .nav-links a:hover{color:#fff}:root[data-theme=light] .nav-links a{color:#111827}:root[data-theme=light] .nav-links a:hover{color:#0f172a}.learn-more-button{border:1px solid var(--line);background:var(--accent);border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:22px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.learn-more-button{background:color-mix(in srgb,var(--accent)10%,transparent)}}.learn-more-button{color:var(--text);cursor:pointer;font-weight:850;transition:transform .18s,border-color .18s,background .18s}.learn-more-button:hover{border-color:var(--accent);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.learn-more-button:hover{border-color:color-mix(in srgb,var(--accent)55%,var(--line))}}.learn-more-button:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.learn-more-button:hover{background:color-mix(in srgb,var(--accent)16%,transparent)}}.featured-actions,.project-detail-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.featured-visual{cursor:pointer;color:inherit;text-align:left;padding:0}.project-detail-backdrop{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020617b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.project-detail-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-strong);grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:0;width:min(1120px,100%);max-height:min(780px,100vh - 48px);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 120px #0000006b}.project-detail-close{z-index:3;border:1px solid var(--line);background:var(--panel-strong);border-radius:6px;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:16px;right:16px}@supports (color:color-mix(in lab, red, red)){.project-detail-close{background:color-mix(in srgb,var(--panel-strong)86%,transparent)}}.project-detail-close{color:var(--text);cursor:pointer}.project-detail-visual{background:var(--bg-soft);min-height:100%;position:relative;overflow:hidden}.project-detail-visual img{-o-object-fit:cover;object-fit:cover;opacity:.92;width:100%;height:100%;min-height:520px}.project-detail-visual:after{content:"";background:linear-gradient(#0000 45%,#00000080),linear-gradient(90deg,#00000052,#0000 45%);position:absolute;inset:0}.project-detail-visual span{z-index:2;color:#fff;letter-spacing:.1em;text-transform:uppercase;background:#0000007a;border:1px solid #ffffff3d;border-radius:999px;padding:9px 12px;font-size:.78rem;font-weight:900;position:absolute;bottom:18px;left:18px}.project-detail-content{padding:clamp(28px,4vw,52px);overflow-y:auto}.project-detail-content h3{margin:0;font-size:clamp(2rem,5vw,4.2rem);line-height:.96}.project-detail-content>p:not(.eyebrow){color:var(--muted);font-size:1.03rem;line-height:1.75}.project-detail-tags{flex-wrap:wrap;gap:8px;margin:22px 0;display:flex}.project-detail-tags span{border:1px solid var(--line);background:var(--accent);border-radius:999px;padding:8px 11px}@supports (color:color-mix(in lab, red, red)){.project-detail-tags span{background:color-mix(in srgb,var(--accent)8%,transparent)}}.project-detail-tags span{font-size:.8rem;font-weight:800}.project-detail-grid{grid-template-columns:.82fr 1.18fr;gap:14px;margin-top:26px;display:grid}.project-detail-grid section{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}@supports (color:color-mix(in lab, red, red)){.project-detail-grid section{background:color-mix(in srgb,var(--panel)78%,transparent)}}.project-detail-grid section{padding:18px}.project-detail-grid h4{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem}.project-detail-grid ul{color:var(--muted);gap:10px;margin:0;padding-left:18px;line-height:1.55;display:grid}:root[data-mode=enhanced] .project-detail-panel{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))}:root[data-theme=light] .project-detail-backdrop{background:#0f172a57}:root[data-theme=light] .project-detail-panel,:root[data-theme=light] .project-detail-grid section{background:#fffffff5}@media (max-width:860px){.project-detail-backdrop{align-items:end;padding:12px}.project-detail-panel{grid-template-columns:1fr;max-height:calc(100vh - 24px)}.project-detail-visual img{min-height:220px;max-height:280px}.project-detail-grid{grid-template-columns:1fr}}.projects-grid{align-items:stretch}.project-card{flex-direction:column;height:100%;display:flex}.project-card-body{flex-direction:column;flex:1;display:flex}.project-card p{min-height:0}.project-tags{margin-bottom:22px}.learn-more-button{margin-top:auto}.project-detail-panel{grid-template-columns:minmax(260px,.82fr) minmax(360px,1.18fr);width:min(1080px,100vw - 48px);max-height:min(720px,100vh - 48px)}.project-detail-visual{height:100%;min-height:0}.project-detail-visual img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;height:100%;min-height:0;max-height:min(720px,100vh - 48px)}.project-detail-content{min-height:0;max-height:min(720px,100vh - 48px);padding-bottom:34px}.project-detail-content h3{font-size:clamp(2rem,4vw,3.45rem)}.project-detail-grid{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)}.project-detail-grid section{min-height:0}.project-detail-actions{background:linear-gradient(to top,var(--panel-strong)76%,transparent);margin:24px -4px 0;padding:12px 4px 0;position:sticky;bottom:-1px}:root[data-theme=light] .project-detail-actions{background:linear-gradient(#0000,#fffffff5 24%)}@media (max-width:860px){.project-detail-panel{grid-template-columns:1fr;width:min(100%,100vw - 24px);max-height:calc(100vh - 24px)}.project-detail-visual{height:220px}.project-detail-visual img{height:220px;max-height:220px}.project-detail-content{max-height:calc(100vh - 244px)}}.project-detail-visual{background:linear-gradient(135deg,var(--accent),transparent 45%),var(--bg-soft);place-items:center;padding:18px;display:grid}@supports (color:color-mix(in lab, red, red)){.project-detail-visual{background:linear-gradient(135deg,color-mix(in srgb,var(--accent)8%,transparent),transparent 45%),var(--bg-soft)}}.project-detail-visual img{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;background:var(--bg);border-radius:6px;width:100%;height:100%;max-height:calc(min(720px,100vh - 48px) - 36px)}@supports (color:color-mix(in lab, red, red)){.project-detail-visual img{background:color-mix(in srgb,var(--bg)88%,#fff 12%)}}.project-detail-visual:after{pointer-events:none;background:linear-gradient(#0000 68%,#0000005c),linear-gradient(90deg,#00000029,#0000 34%)}:root[data-mode=enhanced] .project-detail-panel:after{content:"";pointer-events:none;background:linear-gradient(110deg,transparent 0 38%,var(--accent)48%,transparent 58% 100%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){:root[data-mode=enhanced] .project-detail-panel:after{background:linear-gradient(110deg,transparent 0 38%,color-mix(in srgb,var(--accent)22%,transparent)48%,transparent 58% 100%)}}:root[data-mode=enhanced] .project-detail-panel:after{animation:.65s ease-out .12s both detailScanIn;transform:translate(-120%)}@keyframes detailBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes detailPanelIn{0%{opacity:0;transform:translateY(22px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes detailScanIn{0%{opacity:0;transform:translate(-120%)}35%{opacity:.85}to{opacity:0;transform:translate(120%)}}@media (max-width:860px){.project-detail-visual{padding:12px}.project-detail-visual img{height:100%;max-height:196px}}@media (prefers-reduced-motion:reduce){.project-detail-backdrop,.project-detail-panel,:root[data-mode=enhanced] .project-detail-panel:after{animation:none}}.project-detail-backdrop{animation:.12s ease-out both detailBackdropIn}.project-detail-panel{animation:.18s steps(2,end) both detailBootIn}:root[data-mode=enhanced] .project-detail-panel:after{content:"";pointer-events:none;border:2px solid var(--accent);box-shadow:0 0 0 1px var(--accent-2),0 0 34px var(--accent);background:0 0;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){:root[data-mode=enhanced] .project-detail-panel:after{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-2)55%,transparent),0 0 34px color-mix(in srgb,var(--accent)24%,transparent)}}:root[data-mode=enhanced] .project-detail-panel:after{opacity:0;animation:.26s step-end both detailBootFlash;transform:none}@keyframes detailBootIn{0%{opacity:0;filter:brightness(1.25)contrast(1.15);transform:translateY(14px)scale(.99)skew(-.6deg)}45%{opacity:1;transform:translateY(-2px)scale(1.003)skew(.4deg)}to{opacity:1;filter:none;transform:translateY(0)scale(1)skew(0deg)}}@keyframes detailBootFlash{0%{opacity:0;clip-path:inset(0 0 92%)}24%{opacity:.95;clip-path:inset(0)}42%{opacity:.18;clip-path:inset(44% 0 42%)}62%{opacity:.7;clip-path:inset(82% 0 4%)}to{opacity:0;clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.project-detail-panel,:root[data-mode=enhanced] .project-detail-panel:after{animation:none}}.scroll-progress-bar{transform-origin:0;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3));width:100%;height:3px;box-shadow:0 0 18px var(--accent);position:fixed;top:0;left:0}@supports (color:color-mix(in lab, red, red)){.scroll-progress-bar{box-shadow:0 0 18px color-mix(in srgb,var(--accent)42%,transparent)}}.scroll-section-rail{gap:10px;display:grid;position:fixed;top:50%;right:18px;transform:translateY(-50%)}.scroll-section-rail a{pointer-events:auto;border:1px solid var(--line);background:var(--panel-strong);border-radius:50%;width:10px;height:10px;transition:transform .16s,background .16s,border-color .16s;display:block;position:relative}.scroll-section-rail a.active{border-color:var(--accent);background:var(--accent);box-shadow:0 0 16px var(--accent);transform:scale(1.35)}@supports (color:color-mix(in lab, red, red)){.scroll-section-rail a.active{box-shadow:0 0 16px color-mix(in srgb,var(--accent)48%,transparent)}}.scroll-section-rail a span{opacity:0;border:1px solid var(--line);background:var(--panel-strong);color:var(--text);white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:.72rem;font-weight:850;transition:opacity .16s,transform .16s;position:absolute;top:50%;right:18px;transform:translateY(-50%)translate(6px)}.scroll-section-rail a:hover span,.scroll-section-rail a.active span{opacity:1;transform:translateY(-50%)translate(0)}:root[data-mode=standard] .scroll-progress-bar{background:var(--accent);height:2px;box-shadow:none}@media (max-width:1080px){.scroll-section-rail{display:none}}.scroll-progress-bar{display:none!important}.scroll-progress{pointer-events:none;z-index:90;position:fixed;inset:0}.scroll-section-rail{pointer-events:auto}:root[data-mode=standard] .scroll-section-rail{display:none}@media (max-width:1200px){.nav-bar{grid-template-columns:auto auto minmax(0,1fr);gap:12px;min-height:68px;padding:10px 14px}.mobile-menu-button{order:2;display:grid!important}.brand-mark{order:1}.nav-actions{order:3;justify-self:end;min-width:0}.nav-actions>a{display:none!important}.nav-links{z-index:80;border:1px solid var(--line);max-height:calc(100vh - 92px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;grid-column:1/-1;align-items:stretch;gap:6px;overflow-y:auto;background:var(--panel-strong)!important;border-radius:8px!important;width:auto!important;padding:12px!important;display:none!important;position:fixed!important;inset:76px 12px auto!important}.nav-links.open{display:flex!important}.nav-links a{text-align:left;width:100%;padding:14px 16px;border-radius:6px!important}.nav-links a:after{display:none}}@media (max-width:620px){.nav-bar{gap:8px;padding:8px 10px}.brand-logo,.mobile-menu-button,.theme-toggle{width:40px;height:40px}.mode-toggle{padding:3px}.mode-toggle button{letter-spacing:.04em;padding:8px 9px;font-size:.64rem}.nav-links{inset:64px 8px auto!important}}@media (max-width:430px){.theme-toggle{display:none!important}.mode-toggle button{padding:8px 7px;font-size:.6rem}}@media (max-width:1200px){:root[data-mode=enhanced] .nav-bar,:root[data-mode=enhanced] .nav-links,:root[data-mode=enhanced] .mode-toggle,:root[data-mode=enhanced] .mobile-menu-button,:root[data-mode=enhanced] .theme-toggle{clip-path:none!important}:root[data-mode=enhanced] .nav-bar{grid-template-columns:auto auto minmax(0,1fr)!important;display:grid!important;overflow:visible!important}:root[data-mode=enhanced] .nav-links{background:var(--panel-strong)!important;flex-direction:column!important;width:auto!important;display:none!important;position:fixed!important;inset:76px 12px auto!important}:root[data-mode=enhanced] .nav-links.open{display:flex!important}:root[data-mode=enhanced] .nav-actions{justify-self:end;min-width:0}}@media (max-width:620px){:root[data-mode=enhanced] .nav-links{inset:64px 8px auto!important}}:root{--bg:var(--color-bg);--bg-soft:var(--color-bg-soft);--panel:var(--color-surface);--panel-strong:var(--color-surface-strong);--text:var(--color-text);--muted:var(--color-muted);--line:var(--color-line);--accent:var(--color-accent);--accent-2:var(--color-accent-secondary);--accent-3:var(--color-accent-tertiary);--shadow:var(--shadow-ui);--radius:var(--radius-ui);font-family:var(--font-main)}.section-pad{max-width:var(--section-max-width);padding:var(--section-padding-y)var(--section-padding-x)}.btn-primary,:root[data-theme=dark] .btn-primary,:root[data-theme=light] .btn-primary{background:var(--button-primary-bg);color:var(--button-primary-text);border-color:var(--button-primary-border);box-shadow:none}.btn-primary:hover,:root[data-theme=dark] .btn-primary:hover,:root[data-theme=light] .btn-primary:hover{background:var(--button-primary-hover-bg);color:var(--button-primary-hover-text);border-color:var(--button-primary-border)}.btn-secondary,:root[data-theme=dark] .btn-secondary,:root[data-theme=light] .btn-secondary{background:var(--button-secondary-bg);color:var(--button-secondary-text);border-color:var(--button-secondary-border)}.btn-secondary:hover,:root[data-theme=dark] .btn-secondary:hover,:root[data-theme=light] .btn-secondary:hover{background:var(--button-secondary-hover-bg);color:var(--button-secondary-hover-text);border-color:var(--button-secondary-hover-border)}.mode-toggle button.active,:root[data-theme=dark] .mode-toggle button.active,:root[data-theme=light] .mode-toggle button.active{background:var(--button-primary-bg);color:var(--button-primary-text);box-shadow:none}.mode-toggle button:not(.active):hover{color:var(--button-secondary-hover-text);background:var(--button-secondary-hover-bg)}.nav-bar,.project-card,.timeline-item,.skill-panel,.about-panel,.contact-panel,.hero-info-card,.featured-project,.project-detail-panel{border-color:var(--line);border-radius:var(--radius-ui);box-shadow:var(--shadow-soft)}.hero-title{font-size:clamp(var(--hero-name-min),var(--hero-name-fluid),var(--hero-name-max))}a,button,[role=button],summary,input[type=submit],input[type=button]{cursor:pointer!important}input,textarea,select{cursor:auto!important}:root a,:root button,:root [role=button],:root summary,:root input[type=submit],:root input[type=button],:root .btn,:root .learn-more-button,:root .featured-visual,:root .project-toolbar button,:root .theme-toggle,:root .mobile-menu-button,:root .mode-toggle button,:root .nav-actions>a,:root .scroll-section-rail a,:root[data-mode=enhanced] a,:root[data-mode=enhanced] button,:root[data-mode=enhanced] [role=button],:root[data-mode=enhanced] summary,:root[data-mode=enhanced] input[type=submit],:root[data-mode=enhanced] input[type=button],:root[data-mode=standard] a,:root[data-mode=standard] button,:root[data-mode=standard] [role=button],:root[data-mode=standard] summary,:root[data-mode=standard] input[type=submit],:root[data-mode=standard] input[type=button]{cursor:pointer!important}:root input,:root textarea,:root select,:root[data-mode=enhanced] input,:root[data-mode=enhanced] textarea,:root[data-mode=enhanced] select,:root[data-mode=standard] input,:root[data-mode=standard] textarea,:root[data-mode=standard] select{cursor:auto!important}:root .mode-toggle button.active,:root .mode-toggle button.active:hover,:root[data-theme=dark] .mode-toggle button.active,:root[data-theme=dark] .mode-toggle button.active:hover,:root[data-theme=light] .mode-toggle button.active,:root[data-theme=light] .mode-toggle button.active:hover,:root[data-mode=enhanced] .mode-toggle button.active,:root[data-mode=enhanced] .mode-toggle button.active:hover,:root[data-mode=standard] .mode-toggle button.active,:root[data-mode=standard] .mode-toggle button.active:hover,:root .theme-toggle,:root .theme-toggle:hover,:root[data-theme=dark] .theme-toggle,:root[data-theme=dark] .theme-toggle:hover,:root[data-theme=light] .theme-toggle,:root[data-theme=light] .theme-toggle:hover{background:var(--button-primary-bg)!important;color:var(--button-primary-text)!important;border-color:var(--button-primary-border)!important;box-shadow:none!important;transform:none!important}@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}