@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:#0000}}@keyframes dropIn{0%{opacity:0;transform:translateY(-500px)}60%{opacity:1;transform:translateY(20px)}80%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes swingIn{0%{transform-origin:top;opacity:0;transform:rotate(-45deg)}to{transform-origin:top;opacity:1;transform:rotate(0)}}@keyframes slideInStrip{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes shine{0%{transform:translate(-100%)rotate(45deg)}to{transform:translate(100%)rotate(45deg)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text-color);font-family:var(--font-sans);background-color:var(--bg-color);background-image:var(--bg-gradient);background-attachment:fixed;min-height:100vh;transition:background-color .35s,color .35s;position:relative;overflow-x:hidden}.app-shell{isolation:isolate;flex-direction:column;min-height:100vh;display:flex;position:relative}.page-viewport{z-index:2;flex:1 0 auto;position:relative}.ambient-canvas{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ambient-orb{opacity:0;border-radius:50%;transition:opacity .5s,transform .8s;position:absolute}[data-template=liquid-glass] .ambient-orb{opacity:.55;filter:blur(90px)}[data-template=liquid-glass] .orb-1{background:radial-gradient(circle,#38bdf88c,#0000 70%);width:480px;height:480px;top:-100px;left:-80px}[data-template=liquid-glass] .orb-2{background:radial-gradient(circle,#c084fc80,#0000 70%);width:520px;height:520px;top:25%;right:-120px}[data-template=liquid-glass] .orb-3{background:radial-gradient(circle,#2dd4bf66,#0000 70%);width:420px;height:420px;bottom:-80px;left:28%}[data-template=claymorphism] .ambient-orb{opacity:.85;filter:none}[data-template=claymorphism] .orb-1{background:linear-gradient(135deg,#ff6b9d,#c084fc);width:180px;height:180px;top:90px;left:4%;box-shadow:0 24px 40px #00000047,inset -14px -14px 24px #581c878c,inset 14px 14px 24px #ffffffa6}[data-template=claymorphism] .orb-2{background:linear-gradient(135deg,#38bdf8,#818cf8);width:130px;height:130px;bottom:140px;right:5%;box-shadow:0 20px 34px #00000040,inset -10px -10px 20px #1e3a8a80,inset 10px 10px 20px #ffffffa6}[data-template=claymorphism] .orb-3{background:linear-gradient(135deg,#34d399,#fbbf24);width:90px;height:90px;top:48%;left:48%;box-shadow:0 16px 28px #00000038,inset -8px -8px 16px #065f4673,inset 8px 8px 16px #ffffffb3}.crt-scanlines{background:repeating-linear-gradient(0deg,#0000002e 0 1px,#0000 1px 3px);display:none;position:absolute;inset:0}[data-template=y2k] .crt-scanlines{display:block}[data-template=y2k] body{background-size:40px 40px,40px 40px,100% 100%}.halftone-grid{--dot-dist:24px;--dot-rad:1.5px;background-image:radial-gradient(circle, var(--card-border) var(--dot-rad), transparent calc(var(--dot-rad) + .5px));background-size:var(--dot-dist) var(--dot-dist);opacity:.16;display:none;position:absolute;inset:0}[data-template=neobrutalism] .halftone-grid{display:block}.three-bg-container{z-index:0;pointer-events:none;content-visibility:auto;contain-intrinsic-size:auto none auto 100vh;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.surface-card{background:var(--card-bg);border:var(--border-width) solid var(--card-border);border-radius:var(--radius-card);box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--backdrop-blur);transition:transform .3s,box-shadow .3s,border-color .3s}[data-template=claymorphism] .surface-card,[data-template=claymorphism] .btn-primary-action,[data-template=claymorphism] .btn-secondary-action,[data-template=claymorphism] .dock-pill,[data-template=claymorphism] .filter-btn{transition:transform .65s cubic-bezier(.34,1.56,.64,1),box-shadow .35s;transition-timing-function:var(--spring-easing)}[data-template=neobrutalism] .surface-card:hover{box-shadow:var(--card-hover-shadow);transform:translate(-3px,-3px)}nav{border-bottom:var(--border-width) solid var(--nav-border);background:var(--nav-bg);z-index:1000;width:100%;height:54px;-webkit-backdrop-filter:var(--backdrop-blur);justify-content:space-between;align-items:stretch;padding:0 1.25rem;display:flex;position:fixed;top:0;left:0;box-shadow:0 4px 20px #0000001f}[data-template=liquid-glass] nav,[data-template=claymorphism] nav{border:var(--border-width) solid var(--card-border);border-radius:var(--radius-pill);width:min(1240px,100% - 2rem);box-shadow:var(--card-shadow);top:12px;left:50%;transform:translate(-50%)}[data-template=neumorphism] nav{box-shadow:var(--card-shadow);border-bottom:none}[data-template=neobrutalism] nav{border-bottom:3px solid var(--card-border);box-shadow:0 4px 0px var(--card-border)}.nav-left{-webkit-overflow-scrolling:touch;align-items:stretch;gap:1rem;display:flex;overflow-x:auto}.nav-brand{color:var(--text-color);font-weight:700;font-family:var(--font-display);white-space:nowrap;letter-spacing:-.01em;align-items:center;gap:.55rem;padding:0 .75rem;text-decoration:none;display:flex}.brand-dot{background:linear-gradient(135deg, var(--highlight-color), var(--accent-color));width:10px;height:10px;box-shadow:0 0 10px var(--highlight-color);border-radius:50%}.nav-left ul{align-items:stretch;list-style:none;display:flex}.nav-left ul li{align-items:stretch;display:flex}.nav-left ul li a{color:var(--secondary-text);font-family:var(--font-code);border-right:1px solid var(--nav-border);white-space:nowrap;align-items:center;padding:0 1.1rem;font-size:.9rem;text-decoration:none;transition:color .25s,background-color .25s;display:flex;position:relative}.nav-left ul li:first-child a{border-left:1px solid var(--nav-border)}[data-template=liquid-glass] .nav-left ul li a,[data-template=claymorphism] .nav-left ul li a,[data-template=neumorphism] .nav-left ul li a{border-radius:var(--radius-btn);border:none;margin:6px 3px}.nav-left ul li a:hover{color:var(--text-color)}.nav-left ul li a.active{color:var(--text-color);border-bottom:2px solid var(--active-border);font-weight:600}[data-template=liquid-glass] .nav-left ul li a.active,[data-template=claymorphism] .nav-left ul li a.active{background:var(--button-bg);color:var(--highlight-color);border-bottom:none}[data-template=neumorphism] .nav-left ul li a.active{box-shadow:var(--inset-shadow);color:var(--highlight-color);border-bottom:none}.nav-right{align-items:center;gap:.5rem;display:flex}.nav-template-btn{background:var(--button-bg);color:var(--text-color);border:var(--border-width) solid var(--card-border);border-radius:var(--radius-btn);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;align-items:center;gap:.5rem;padding:.38rem .85rem;font-size:.82rem;font-weight:600;transition:transform .2s,background-color .2s,box-shadow .2s;display:inline-flex}[data-template=neumorphism] .nav-template-btn{box-shadow:4px 4px 8px #00000040,-3px -3px 7px #ffffff0d}[data-template=neobrutalism] .nav-template-btn{box-shadow:3px 3px 0px var(--card-border)}.nav-template-btn:hover{background:var(--button-hover);transform:translateY(-1px)}.template-btn-icon{color:var(--highlight-color)}.template-btn-badge{background:linear-gradient(135deg, var(--highlight-color), var(--accent-color));color:#fff;border-radius:999px;padding:.1rem .45rem;font-size:.68rem;font-weight:700}[data-template=neobrutalism] .template-btn-badge{color:#fff;background:#09090b;border-radius:0}.nav-fork-link{color:var(--secondary-text);border-radius:var(--radius-btn);border:1px dashed var(--card-border);align-items:center;gap:.4rem;padding:.38rem .75rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.nav-fork-link:hover{color:var(--highlight-color);border-color:var(--highlight-color)}.nav-right a:not(.nav-fork-link){color:var(--link-color);font-family:var(--font-code);border-radius:var(--radius-btn);white-space:nowrap;padding:.4rem .85rem;font-size:.88rem;text-decoration:none;transition:color .25s}.nav-right a:not(.nav-fork-link):hover,.nav-right a:not(.nav-fork-link).active{color:var(--highlight-color)}.theme-toggle{background:var(--button-bg);border:var(--border-width) solid var(--card-border);color:var(--highlight-color);border-radius:var(--radius-btn);cursor:pointer;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:transform .2s,color .2s;display:inline-flex}.theme-toggle:hover{transform:scale(1.06)}.main-content{z-index:2;width:100%;max-width:1240px;min-height:calc(100vh - 90px);margin:0 auto;padding:6.2rem 2rem 8.5rem;position:relative}.hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);align-items:start;gap:2.5rem;margin-bottom:3rem;display:grid}.hero-main{flex-direction:column;gap:1.35rem;display:flex}.hero-aside{justify-content:center;align-items:flex-start;display:flex;position:sticky;top:5.5rem}.hero-badges-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.status-pill{border-radius:var(--radius-pill);background:var(--card-bg);border:var(--border-width) solid var(--card-border);box-shadow:var(--card-shadow);color:var(--text-color);align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:.8rem;font-weight:600;display:inline-flex}.pulse-dot{background:var(--success-color);width:8px;height:8px;box-shadow:0 0 8px var(--success-color);border-radius:50%}.active-template-pill{border-radius:var(--radius-pill);background:linear-gradient(135deg var(--in-oklab), var(--highlight-color), var(--accent-color));color:#fff;border:var(--border-width) solid var(--card-border);font-family:var(--font-code);cursor:pointer;align-items:center;gap:.45rem;padding:.4rem .95rem;font-size:.78rem;font-weight:700;transition:transform .2s,filter .2s;display:inline-flex}[data-template=neobrutalism] .active-template-pill{background:var(--accent-color);color:#09090b;box-shadow:3px 3px 0px var(--card-border);border-radius:0}.active-template-pill:hover{filter:brightness(1.08);transform:translateY(-2px)}.intro-greeting{color:var(--highlight-color);font-family:var(--font-code);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.35rem;font-size:.95rem;font-weight:600}.intro h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-color);margin-bottom:.6rem;font-size:clamp(2.4rem,5vw,4rem);font-weight:800;line-height:1.08}[data-template=y2k] .intro h1{letter-spacing:.03em;text-shadow:3px 3px 0px var(--accent-color);font-size:clamp(2.8rem,6vw,4.6rem)}[data-template=skeuomorphism] .intro h1{letter-spacing:.01em;text-shadow:0 2px 4px #00000059;font-weight:600}.intro h2{color:var(--highlight-color);font-family:var(--font-code);margin-bottom:.85rem;font-size:clamp(1.15rem,2.4vw,1.55rem);font-weight:600;display:inline-block}.intro-summary{color:var(--intro-text);max-width:64ch;font-size:1.04rem;line-height:1.7}.hero-metrics-bar{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;display:grid}.metric-card{flex-direction:column;gap:.2rem;padding:.9rem 1rem;display:flex}.metric-card strong{font-family:var(--font-display);color:var(--highlight-color);font-size:1.45rem;font-weight:800}.metric-card span{color:var(--secondary-text);font-size:.78rem;font-weight:500}.hero-cta-row{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.btn-primary-action,.btn-secondary-action,.btn-ghost-action{border-radius:var(--radius-btn);font-family:var(--font-sans);cursor:pointer;align-items:center;gap:.55rem;padding:.8rem 1.4rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex}.btn-primary-action{background:linear-gradient(135deg var(--in-oklab), var(--highlight-color), var(--accent-color));color:#fff;border:var(--border-width) solid var(--card-border);box-shadow:var(--card-shadow)}[data-template=neobrutalism] .btn-primary-action{background:var(--highlight-color);color:#09090b}[data-template=neumorphism] .btn-primary-action{background:var(--card-bg);color:var(--highlight-color)}[data-template=neumorphism] .btn-primary-action:active,[data-template=neumorphism] .btn-secondary-action:active{box-shadow:var(--inset-shadow)}.btn-secondary-action{background:var(--button-bg);color:var(--text-color);border:var(--border-width) solid var(--card-border);box-shadow:var(--card-shadow)}.btn-ghost-action{color:var(--secondary-text);border:var(--border-width) dashed var(--card-border);background:0 0}.btn-primary-action:hover,.btn-secondary-action:hover,.btn-ghost-action:hover{transform:translateY(-2px)}.code-window{overflow:hidden}.window-chrome{border-bottom:var(--border-width) solid var(--card-border);font-family:var(--font-code);color:var(--secondary-text);background:#00000024;justify-content:space-between;align-items:center;padding:.65rem 1rem;font-size:.78rem;display:flex}[data-template=y2k] .window-chrome{color:#fff;background:linear-gradient(90deg,navy 0%,#1084d0 50%,#f0a 100%);padding:.45rem .65rem;font-weight:700}[data-template=neobrutalism] .window-chrome{background:var(--accent-color);color:#09090b;border-bottom:3px solid var(--card-border);font-weight:700}[data-template=skeuomorphism] .window-chrome{color:#e6d7c3;background:repeating-linear-gradient(90deg,#ffffff08 0 2px,#0000 2px 4px),linear-gradient(#3d3630 0%,#26221e 100%);box-shadow:inset 0 1px #fff3}[data-template=skeuomorphism][data-theme=light] .window-chrome{color:#29221c;background:repeating-linear-gradient(90deg,#00000005 0 2px,#0000 2px 4px),linear-gradient(#e8e2d7 0%,#cfc7b8 100%)}.window-dots{align-items:center;gap:6px;display:flex}.chrome-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.dot-close{background:#ff5f56}.dot-min{background:#ffbd2e}.dot-max{background:#27c93f}[data-template=skeuomorphism] .chrome-dot{background:radial-gradient(circle,#9ca3af 20%,#4b5563 90%);border:1px solid #1f2937;box-shadow:inset 0 1px 1px #fff9}.window-title{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.45rem;display:inline-flex;overflow:hidden}.window-controls-y2k{gap:4px;display:none}[data-template=y2k] .window-dots{display:none}[data-template=y2k] .window-controls-y2k{display:inline-flex}.window-controls-y2k span{color:#000;background:#d4d0c8;border:2px solid #404040;border-color:#fff #404040 #404040 #fff;justify-content:center;align-items:center;width:18px;height:18px;font-size:.72rem;font-weight:700;display:inline-flex}.code-content{font-family:var(--font-code);padding:1.15rem 1.25rem;font-size:.88rem;overflow-x:auto}[data-template=neumorphism] .code-content{box-shadow:var(--inset-shadow);border-radius:14px;margin:.85rem}[data-template=skeuomorphism] .code-content{color:#34d399;background:#09120d;border:1px solid #1f2e25;border-radius:8px;margin:.85rem;box-shadow:inset 0 3px 10px #000000e6,0 1px #ffffff26}.code-block-group{margin-bottom:.65rem}.code-block-group:last-child{margin-bottom:0}.code-line{white-space:nowrap;align-items:center;gap:.75rem;padding:.15rem 0;display:flex}.line-num{color:var(--secondary-text);opacity:.45;text-align:right;-webkit-user-select:none;user-select:none;width:1.5rem;font-size:.76rem}.code-statement{flex:1}.const{color:var(--highlight-color);font-weight:600}.var-name{color:var(--text-color)}[data-template=skeuomorphism] .var-name{color:#fde68a}.string{color:var(--accent-color);font-weight:500;text-decoration:none}.string:hover{text-decoration:underline}.comment{color:var(--secondary-text);font-style:italic}.code-copy-inline{background:var(--button-bg);color:var(--secondary-text);border:1px solid var(--card-border);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;transition:color .2s,transform .2s;display:inline-flex}.code-copy-inline:hover{color:var(--highlight-color);transform:scale(1.08)}.id-card-container{flex-direction:column;align-items:center;width:100%;max-width:300px;display:flex}.id-card-lanyard{flex-direction:column;align-items:center;display:flex}.id-card-tag-strip{background:linear-gradient(90deg, var(--highlight-color) 0%, var(--accent-color) 100%);border:var(--border-width) solid var(--card-border);border-bottom:none;border-radius:4px 4px 0 0;width:38px;height:58px;box-shadow:inset 0 0 8px #00000059}.id-card-hook{border:var(--border-width) solid var(--card-border);background:linear-gradient(#1e293b,#0f172a);border-radius:6px 6px 0 0;width:68px;height:14px}.id-card-holder{background:var(--card-bg);border:var(--border-width) solid var(--card-border);border-radius:var(--radius-card);width:100%;box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--backdrop-blur);padding:6px}.id-card{background:var(--card-bg);border:var(--border-width) solid var(--card-border);border-radius:calc(var(--radius-card) - 4px);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;padding:1.25rem 1.1rem;display:flex;position:relative;overflow:hidden}.id-card-top-bar{width:100%;font-family:var(--font-code);color:var(--secondary-text);border-bottom:1px dashed var(--card-border);justify-content:space-between;align-items:center;margin-bottom:.25rem;padding-bottom:.5rem;font-size:.68rem;display:flex}.id-pass-type{color:var(--highlight-color);align-items:center;gap:.3rem;font-weight:700;display:inline-flex}.id-card-holo-shine{pointer-events:none;z-index:4;opacity:.45;background:linear-gradient(135deg,#ffffff29 0%,#0000 55%);transition:opacity .3s;position:absolute;inset:0}.id-card.hovered .id-card-holo-shine{opacity:.9}.avatar-ring{background:linear-gradient(135deg, var(--highlight-color), var(--accent-color));border-radius:50%;padding:4px;display:inline-flex;position:relative}.header img{object-fit:cover;object-position:top center;border:3px solid var(--bg-color);border-radius:50%;width:88px;height:88px;display:block}.status-online-dot{background:var(--success-color);border:2px solid var(--bg-color);border-radius:50%;width:14px;height:14px;position:absolute;bottom:5px;right:5px}.id-card h2{font-family:var(--font-display);color:var(--text-color);justify-content:center;align-items:center;gap:6px;margin-top:.35rem;font-size:1.2rem;font-weight:700;display:flex}.verified-badge{color:var(--highlight-color);font-size:.9rem}.id-role-title{color:var(--secondary-text);font-size:.82rem;font-weight:600}.id-location-pill{color:var(--secondary-text);background:var(--input-bg);border-radius:var(--radius-pill);border:1px solid var(--card-border);align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;display:inline-flex}.id-meta-grid{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;margin:.45rem 0;display:grid}.id-meta-cell{background:var(--input-bg);border:1px solid var(--card-border);border-radius:10px;flex-direction:column;gap:.1rem;padding:.45rem;display:flex}[data-template=neumorphism] .id-meta-cell{box-shadow:var(--inset-shadow);border:none}[data-template=skeuomorphism] .id-meta-cell{color:#f59e0b;box-shadow:var(--inset-shadow);background:#09120d}.id-meta-cell small{color:var(--secondary-text);letter-spacing:.05em;font-size:.62rem}.id-meta-cell strong{font-family:var(--font-code);color:var(--highlight-color);font-size:.82rem}.cv-btn-container{width:100%;margin-top:.3rem;display:flex}.download-cv-btn{background:linear-gradient(135deg var(--in-oklab), var(--highlight-color), var(--accent-color));color:#fff;border-radius:var(--radius-btn);border:var(--border-width) solid var(--card-border);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;justify-content:center;align-items:center;gap:6px;width:100%;padding:.65rem 1rem;font-size:.78rem;font-weight:700;transition:transform .2s,filter .2s;display:flex}[data-template=neobrutalism] .download-cv-btn{background:var(--highlight-color);color:#09090b;box-shadow:3px 3px 0px var(--card-border)}.download-cv-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}[data-template=skeuomorphism] .about-intro,[data-template=skeuomorphism] .projects-intro,[data-template=skeuomorphism] .contact-intro{outline-offset:-8px;outline:2px dashed #f59e0b47}.section-eyebrow{font-family:var(--font-code);color:var(--highlight-color);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.4rem;margin-bottom:.35rem;font-size:.76rem;font-weight:700;display:inline-flex}.template-fab-container{z-index:1001;flex-direction:column;align-items:flex-end;display:flex;position:fixed;bottom:3.75rem;right:1.5rem}.template-vertical-menu{background:var(--nav-bg);border:var(--border-width) solid var(--card-border);border-radius:var(--radius-card);width:260px;box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--backdrop-blur);transform-origin:100% 100%;margin-bottom:.65rem;padding:.5rem;animation:.18s ease-out fadeInScale}.template-menu-header{border-bottom:1px solid var(--nav-border);font-family:var(--font-code);text-transform:uppercase;letter-spacing:.06em;color:var(--secondary-text);margin-bottom:.35rem;padding:.4rem .65rem .5rem;font-size:.7rem;font-weight:700}.template-menu-list{flex-direction:column;gap:.25rem;display:flex}.template-menu-item{border-radius:calc(var(--radius-btn) * .85);width:100%;color:var(--text-color);font-family:var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.65rem;padding:.55rem .65rem;transition:background-color .2s,transform .2s,border-color .2s;display:flex}.template-menu-item:hover{background:var(--button-bg);border-color:var(--card-border);transform:translate(-2px)}.template-menu-item.active{background:var(--button-bg);border-color:var(--highlight-color)}[data-template=neumorphism] .template-menu-item.active{box-shadow:var(--inset-shadow);border-color:#0000}.template-menu-swatch{border:1px solid #ffffff4d;border-radius:50%;flex-shrink:0;width:12px;height:12px}.template-menu-text{flex-direction:column;flex:1;min-width:0;display:flex}.template-menu-name{color:var(--text-color);font-size:.85rem;font-weight:700}.template-menu-sub{color:var(--secondary-text);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.template-menu-check{color:var(--highlight-color);flex-shrink:0;font-size:.8rem}.template-fab-trigger{background:var(--nav-bg);color:var(--text-color);border:var(--border-width) solid var(--card-border);border-radius:var(--radius-pill);box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--backdrop-blur);font-family:var(--font-sans);cursor:pointer;align-items:center;gap:.65rem;padding:.55rem .95rem .55rem .65rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex}[data-template=neobrutalism] .template-fab-trigger,[data-template=y2k] .template-fab-trigger{border-radius:var(--radius-btn)}.template-fab-trigger:hover{border-color:var(--highlight-color);transform:translateY(-2px)}.fab-icon-wrap{background:linear-gradient(135deg var(--in-oklab), var(--highlight-color), var(--accent-color));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.88rem;display:inline-flex}[data-template=neobrutalism] .fab-icon-wrap{background:var(--highlight-color);color:#09090b;border-radius:0}.fab-label{text-align:left;flex-direction:column;line-height:1.15;display:flex}.fab-label small{font-family:var(--font-code);text-transform:uppercase;letter-spacing:.05em;color:var(--secondary-text);font-size:.62rem}.fab-label strong{color:var(--text-color);font-size:.84rem;font-weight:700}.fab-chevron{color:var(--secondary-text);margin-left:.15rem;font-size:.75rem;transition:transform .25s}.fab-chevron.rotated{color:var(--highlight-color);transform:rotate(180deg)}footer{background:var(--nav-bg);border-top:var(--border-width) solid var(--nav-border);width:100%;height:44px;-webkit-backdrop-filter:var(--backdrop-blur);z-index:999;justify-content:space-between;padding:0 1.25rem;display:flex;position:fixed;bottom:0;left:0;overflow-x:auto}.footer-left,.footer-right{color:var(--link-color);align-items:center;height:100%;display:flex}.footer-left span{border-right:1px solid var(--nav-border);white-space:nowrap;align-items:center;height:100%;padding:0 .85rem;font-size:.85rem;display:flex}.social-link{color:var(--link-color);border-right:1px solid var(--nav-border);white-space:nowrap;align-items:center;gap:.5rem;height:100%;padding:0 .9rem;font-size:.88rem;text-decoration:none;transition:color .25s;display:flex}.social-link:hover{color:var(--highlight-color)}.footer-right{border-left:1px solid var(--nav-border)}.copyright{align-items:center;padding:0 .85rem;font-size:.82rem;display:flex}.about-intro,.projects-intro,.contact-intro{margin-bottom:2.5rem;padding:2rem}.about-intro h1,.projects-intro h1,.contact-intro h1{font-family:var(--font-display);color:var(--text-color);margin-bottom:.85rem;font-size:clamp(2rem,4vw,2.75rem)}.about-bio{color:var(--intro-text);max-width:85ch;margin-bottom:1.75rem;line-height:1.8}.pillars-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem;display:grid}.pillar-card{background:var(--input-bg);border:1px solid var(--card-border);border-radius:calc(var(--radius-card) * .7);align-items:flex-start;gap:.9rem;padding:1.15rem;display:flex}[data-template=neumorphism] .pillar-card{box-shadow:var(--inset-shadow);border:none}.pillar-icon{background:var(--button-bg);width:38px;height:38px;color:var(--highlight-color);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.pillar-card h3{font-family:var(--font-display);margin-bottom:.3rem;font-size:1rem}.pillar-card p{color:var(--secondary-text);font-size:.84rem;line-height:1.5}.section-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.skills-section,.experience-section,.education-section{margin:3rem 0}.skills-section h2,.experience-section h2,.education-section h2{color:var(--text-color);font-family:var(--font-code);margin-bottom:1.25rem;font-size:1.35rem;font-weight:600}.section-title-icon{color:var(--highlight-color);margin-right:.35rem}.skill-group{margin-bottom:2rem}.skill-category{color:var(--secondary-text);font-family:var(--font-code);margin-bottom:1rem;font-size:1rem;display:block}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.15rem;margin-bottom:1.5rem;display:grid}.skill-card{padding:1.15rem}.skill-card:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-4px)}.skill-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.skill-name{color:var(--text-color);font-weight:600}.skill-level{color:var(--highlight-color);font-family:var(--font-code);font-size:.85rem;font-weight:700}.skill-bar-container{background:var(--input-bg);border-radius:var(--radius-pill);width:100%;height:10px;box-shadow:var(--inset-shadow);border:1px solid var(--card-border);overflow:hidden}.skill-bar{background:linear-gradient(90deg var(--in-oklab), var(--highlight-color), var(--accent-color));border-radius:var(--radius-pill);height:100%;transition:width 1s ease-out}[data-template=y2k] .skill-bar-container{border-radius:0;height:14px}[data-template=y2k] .skill-bar{background:repeating-linear-gradient(90deg, var(--highlight-color) 0px, var(--highlight-color) 8px, transparent 8px, transparent 11px);border-radius:0}[data-template=skeuomorphism] .skill-bar-container{background:#09120d;border-radius:4px;height:12px}[data-template=skeuomorphism] .skill-bar{background:linear-gradient(90deg,#10b981,#f59e0b);box-shadow:0 0 10px #f59e0b99}.timeline{margin:2rem 0;padding-left:2rem;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--highlight-color), var(--accent-color));border-radius:3px;width:3px;position:absolute;top:0;bottom:0;left:0}.timeline-item{margin-bottom:2rem;padding-left:1.5rem;position:relative}.timeline-marker{background:var(--highlight-color);border:3px solid var(--bg-color);width:14px;height:14px;box-shadow:0 0 0 2px var(--highlight-color);z-index:1;border-radius:50%;position:absolute;top:1.25rem;left:-2.35rem}.timeline-content{padding:1.65rem}.timeline-header h3{font-family:var(--font-display);color:var(--text-color);margin-bottom:.35rem;font-size:1.25rem}.timeline-header h4{color:var(--highlight-color);margin-bottom:.5rem;font-size:1rem;font-weight:600}.timeline-meta{font-family:var(--font-code);flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.timeline-date,.timeline-location{color:var(--secondary-text);font-size:.85rem}.timeline-description{color:var(--intro-text);margin-bottom:1rem;line-height:1.65}.timeline-description li{margin-bottom:.5rem;margin-left:1.25rem}.timeline-tech{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.projects-subtitle,.contact-subtitle{color:var(--intro-text);font-size:1.05rem;line-height:1.6}.all-projects{margin:2.5rem 0}.projects-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.project-filters{flex-wrap:wrap;gap:.5rem;display:flex}.filter-btn{background:var(--button-bg);color:var(--secondary-text);border:var(--border-width) solid var(--card-border);border-radius:var(--radius-btn);cursor:pointer;font-family:var(--font-sans);box-shadow:var(--card-shadow);align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.86rem;font-weight:600;transition:all .25s;display:inline-flex}.filter-btn:hover{color:var(--text-color);transform:translateY(-1px)}.filter-btn.active{background:var(--highlight-color);color:#fff;border-color:var(--highlight-color)}[data-template=neobrutalism] .filter-btn.active{color:#09090b;border-color:var(--card-border)}[data-template=neumorphism] .filter-btn.active{background:var(--card-bg);color:var(--highlight-color);box-shadow:var(--inset-shadow)}.filter-count{font-family:var(--font-code);opacity:.85;background:#0000002e;border-radius:999px;padding:.05rem .4rem;font-size:.72rem}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:1.75rem;margin:2rem 0;display:grid}.project-card{flex-direction:column;display:flex;overflow:hidden}.project-card:hover{box-shadow:var(--card-hover-shadow)}.project-image{background:var(--input-bg);border-bottom:1px solid var(--card-border);width:100%;height:195px;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.project-card:hover .project-image img{transform:scale(1.06)}.project-image-fallback{background:linear-gradient(135deg var(--in-oklab), #38bdf829, #c084fc2e);text-align:center;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;display:flex}.fallback-body{flex-direction:column;align-items:center;gap:.35rem;display:flex}.fallback-icon{font-family:var(--font-code);color:var(--highlight-color);font-size:1.8rem;font-weight:800}.fallback-body h4{font-family:var(--font-display);color:var(--text-color);font-size:1.2rem}.fallback-tag{font-family:var(--font-code);color:var(--accent-color);font-size:.75rem}.project-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#050914d1;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.project-card:hover .project-overlay{opacity:1}.project-links{gap:.75rem;display:flex}.project-link-btn{background:var(--highlight-color);color:#fff;border-radius:var(--radius-btn);align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}[data-template=neobrutalism] .project-link-btn{color:#09090b;border:2px solid #09090b}.project-content{flex-direction:column;flex:1;padding:1.4rem;display:flex}.project-header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.65rem;display:flex}.project-header h3{font-family:var(--font-display);color:var(--text-color);font-size:1.25rem}.featured-badge{background:var(--highlight-color);color:#09090b;border-radius:var(--radius-pill);text-transform:uppercase;align-items:center;gap:.25rem;padding:.18rem .55rem;font-size:.68rem;font-weight:800;display:inline-flex}.project-description{color:var(--intro-text);margin-bottom:1.1rem;font-size:.92rem;line-height:1.6}.project-tech{flex-wrap:wrap;gap:.45rem;margin-bottom:1.2rem;display:flex}.tech-tag{background:var(--input-bg);color:var(--highlight-color);border-radius:var(--radius-btn);font-family:var(--font-code);border:1px solid var(--card-border);padding:.25rem .7rem;font-size:.76rem;font-weight:600}.project-category{color:var(--secondary-text);font-family:var(--font-code);font-size:.75rem}.project-card-actions{border-top:1px dashed var(--card-border);gap:.65rem;margin-top:auto;padding-top:.9rem;display:flex}.card-action-link{color:var(--text-color);border-radius:var(--radius-btn);background:var(--button-bg);border:1px solid var(--card-border);align-items:center;gap:.4rem;padding:.42rem .85rem;font-size:.82rem;font-weight:700;text-decoration:none;transition:transform .2s,color .2s;display:inline-flex}.card-action-link.primary{background:var(--highlight-color);color:#fff;border-color:var(--highlight-color)}[data-template=neobrutalism] .card-action-link.primary{color:#09090b;border-color:var(--card-border)}.card-action-link:hover{transform:translateY(-2px)}.contact-container{grid-template-columns:1fr 1.15fr;gap:2.5rem;margin-top:2rem;display:grid}.contact-info h2,.contact-form-container h2{color:var(--text-color);font-family:var(--font-code);margin-bottom:1.25rem;font-size:1.25rem}.contact-details{flex-direction:column;gap:1rem;margin:1.25rem 0;display:flex}.contact-item{align-items:center;gap:1rem;padding:1.1rem 1.25rem;display:flex}.contact-item-body{flex:1;min-width:0}.contact-icon{color:var(--highlight-color);font-size:1.35rem}.contact-label{color:var(--secondary-text);margin-bottom:.2rem;font-size:.8rem;display:block}.contact-value{color:var(--text-color);word-break:break-all;font-weight:600;text-decoration:none}.contact-copy-btn{background:var(--button-bg);color:var(--secondary-text);border:1px solid var(--card-border);border-radius:var(--radius-btn);cursor:pointer;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.contact-copy-btn:hover{color:var(--highlight-color)}.contact-social{margin-top:2rem}.contact-social h3{font-family:var(--font-code);margin-bottom:.85rem;font-size:.95rem}.social-links{flex-wrap:wrap;gap:.65rem;display:flex}.social-link-card{background:var(--button-bg);color:var(--text-color);border-radius:var(--radius-btn);border:var(--border-width) solid var(--card-border);box-shadow:var(--card-shadow);padding:.65rem 1.25rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:transform .2s,background .2s}.social-link-card:hover{background:var(--highlight-color);color:#fff;transform:translateY(-2px)}[data-template=neobrutalism] .social-link-card:hover{color:#09090b}.contact-form-container{padding:1.85rem}.contact-form{margin:1.25rem 0}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-color);margin-bottom:.45rem;font-size:.9rem;font-weight:600;display:block}.form-group input,.form-group textarea{background:var(--input-bg);border:var(--border-width) solid var(--input-border);border-radius:var(--radius-btn);width:100%;box-shadow:var(--inset-shadow);color:var(--text-color);font-family:var(--font-sans);padding:.8rem 1rem;font-size:.95rem;transition:border-color .25s}[data-template=skeuomorphism] .form-group input,[data-template=skeuomorphism] .form-group textarea{color:#34d399;font-family:var(--font-code)}.form-group input:focus,.form-group textarea:focus{border-color:var(--highlight-color);outline:none}.form-group input.error,.form-group textarea.error{border-color:var(--error-color)}.error-message{color:var(--error-color);margin-top:.3rem;font-size:.8rem;display:block}.submit-btn{background:linear-gradient(135deg var(--in-oklab), var(--highlight-color), var(--accent-color));color:#fff;border:var(--border-width) solid var(--card-border);border-radius:var(--radius-btn);box-shadow:var(--card-shadow);font-size:.95rem;font-weight:700;font-family:var(--font-sans);cursor:pointer;align-items:center;gap:.55rem;padding:.85rem 1.8rem;transition:transform .2s;display:inline-flex}[data-template=neobrutalism] .submit-btn{background:var(--highlight-color);color:#09090b}.submit-btn:hover:not(:disabled){transform:translateY(-2px)}.form-message{border-radius:var(--radius-btn);margin-top:1rem;padding:.9rem;font-size:.9rem}.form-message.success{border:1px solid var(--success-color);color:var(--success-color);background:#34d39924}.form-message.error{border:1px solid var(--error-color);color:var(--error-color);background:#f8717124}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:calc(100vh - 90px);display:flex}.loading-spinner{width:56px;height:56px;position:relative}.spinner-ring{border:3px solid #0000;border-top-color:var(--highlight-color);border-radius:50%;width:100%;height:100%;animation:1.4s linear infinite spin;position:absolute}.spinner-ring:nth-child(2){border-top-color:var(--accent-color);width:78%;height:78%;animation-delay:-.45s;top:11%;left:11%}.spinner-ring:nth-child(3){border-top-color:var(--active-border);width:56%;height:56%;animation-delay:-.9s;top:22%;left:22%}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1080px){.hero-grid{grid-template-columns:1fr}.hero-aside{order:-1;position:static}.pillars-grid{grid-template-columns:1fr}}@media (width<=768px){.hide-on-tab-mobile{display:none!important}.main-content{padding:5.5rem 1rem 6rem}.hero-metrics-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-container,.projects-grid,.skills-grid{grid-template-columns:1fr}.template-fab-container{bottom:3.4rem;right:1rem}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--in-oklab: ;--in-oklch: ;--spring-easing:linear(0, .016 0.5%, .06 1%, .226 2%, 1.116 5.4%, 1.375 6.6%, 1.527 7.7%, 1.565 8.2%, 1.585 8.8%, 1.581 9.3%, 1.559 9.8%, 1.458 10.9%, .937 14.3%, .784 15.5%, .693 16.6%, .67 17.1%, .657 17.7%, .671 18.7%, .729 19.8%, 1.042 23.3%, 1.13 24.5%, 1.182 25.6%, 1.201 26.7%, 1.192 27.7%, 1.156 28.8%, .977 32.2%, .925 33.4%, .894 34.5%, .882 35.6%, .887 36.6%, .907 37.7%, 1.045 42.4%, 1.069 44.5%, 1.059 46.3%, .979 50.9%, .96 53.4%, .966 55.3%, 1.013 59.9%, 1.024 62.3%, .986 71.2%, 1.008 79.9%, .995 88.9%, 1);--bounce-easing:linear(0, .214 14.7%, .386 23.7%, .598 31.9%, .999 44.7%, .807 52.6%, .762 56%, .747 59.4%, .758 62.4%, .793 65.6%, .999 77.4%, .961 81.2%, .949 84.8%, .956 88%, .993 95.5%, 1);--font-sans:"Outfit", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Outfit", "Plus Jakarta Sans", sans-serif;--font-code:"Fira Code", "Space Mono", monospace;--bg-color:#060b18;--bg-gradient:radial-gradient(circle at 15% 15%, #111c38 0%, #060b18 55%, #040711 100%);--nav-bg:#080e1ead;--text-color:#f8fafc;--secondary-text:#94a3b8;--link-color:#cbd5e1;--intro-text:#e2e8f0;--highlight-color:#38bdf8;--accent-color:#c084fc;--nav-border:#ffffff24;--active-border:#38bdf8;--card-bg:#fff1;--card-border:#ffffff2e;--card-shadow:0 24px 48px #00000073, inset 0 1px 0 #ffffff52;--card-hover-shadow:0 28px 56px #0009, inset 0 1px 0 #ffffff80;--inset-shadow:inset 0 2px 6px #00000059;--input-bg:#050a188c;--input-border:#ffffff2e;--button-bg:#ffffff17;--button-hover:#ffffff29;--error-color:#f87171;--success-color:#34d399;--radius-card:22px;--radius-btn:14px;--radius-pill:999px;--border-width:1px;--backdrop-blur:blur(26px) saturate(190%);--scrollbar-thumb:#94a3b866;--scrollbar-track:transparent;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);accent-color:var(--highlight-color)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@supports (background:linear-gradient(in oklab, white, black)){:root{--in-oklab:in oklab;--in-oklch:in oklch}}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-template=neumorphism]{--font-sans:"Plus Jakarta Sans", -apple-system, sans-serif;--font-display:"Plus Jakarta Sans", sans-serif;--font-code:"Fira Code", monospace;--bg-color:#21252b;--bg-gradient:linear-gradient(145deg, #23272e, #1e2228);--nav-bg:#21252b;--text-color:#e6edf3;--secondary-text:#8b949e;--link-color:#9ca3af;--intro-text:#d0d7de;--highlight-color:#38bdf8;--accent-color:#818cf8;--nav-border:#ffffff0a;--active-border:#38bdf8;--card-bg:#21252b;--card-border:#ffffff08;--card-shadow:9px 9px 18px #15181c, -9px -9px 18px #2d323a;--card-hover-shadow:12px 12px 24px #13161a, -12px -12px 24px #2f353e;--inset-shadow:inset 5px 5px 10px #15181c, inset -5px -5px 10px #2d323a;--input-bg:#21252b;--input-border:transparent;--button-bg:#21252b;--button-hover:#242930;--radius-card:22px;--radius-btn:14px;--border-width:1px;--backdrop-blur:none;--scrollbar-thumb:#3b424d}[data-template=neumorphism][data-theme=light]{--bg-color:#e0e5ec;--bg-gradient:linear-gradient(145deg, #e6ebf2, #dadfe6);--nav-bg:#e0e5ec;--text-color:#1e293b;--secondary-text:#64748b;--link-color:#475569;--intro-text:#334155;--highlight-color:#2563eb;--accent-color:#0d9488;--nav-border:#ffffff80;--active-border:#2563eb;--card-bg:#e0e5ec;--card-border:#ffffff73;--card-shadow:9px 9px 18px #a3b1c6, -9px -9px 18px #fff;--card-hover-shadow:12px 12px 24px #98a7bd, -12px -12px 24px #fff;--inset-shadow:inset 5px 5px 10px #a3b1c6, inset -5px -5px 10px #fff;--input-bg:#e0e5ec;--input-border:transparent;--button-bg:#e0e5ec;--button-hover:#e6ebf2;--scrollbar-thumb:#a3b1c6}[data-template=claymorphism]{--font-sans:"Plus Jakarta Sans", -apple-system, sans-serif;--font-display:"Fredoka", "Plus Jakarta Sans", sans-serif;--font-code:"Fira Code", monospace;--bg-color:#1c1836;--bg-gradient:radial-gradient(circle at 20% 20%, #2a2356 0%, #1c1836 60%, #141129 100%);--nav-bg:#2b2552e0;--text-color:#fff;--secondary-text:#c4b5fd;--link-color:#ddd6fe;--intro-text:#ede9fe;--highlight-color:#ff6b9d;--accent-color:#a78bfa;--nav-border:#ffffff24;--active-border:#ff6b9d;--card-bg:#2a2352;--card-border:#ffffff29;--card-shadow:0 20px 38px #08051894, inset -8px -8px 16px #0d0922b8, inset 8px 8px 16px #ffffff2e;--card-hover-shadow:0 26px 46px #080518ad, inset -8px -8px 18px #0d0922cc, inset 8px 8px 18px #ffffff40;--inset-shadow:inset 6px 6px 12px #0a071abf, inset -4px -4px 10px #ffffff1f;--input-bg:#211b42;--input-border:#ffffff26;--button-bg:#372f6b;--button-hover:#443a82;--radius-card:30px;--radius-btn:999px;--border-width:2px;--backdrop-blur:blur(16px);--scrollbar-thumb:#ff6b9d}[data-template=claymorphism][data-theme=light]{--bg-color:#f3effe;--bg-gradient:linear-gradient(135deg, #f5f0ff 0%, #e0f2fe 50%, #fce7f3 100%);--nav-bg:#ffffffe0;--text-color:#2e1065;--secondary-text:#6d28d9;--link-color:#5b21b6;--intro-text:#4c1d95;--highlight-color:#ec4899;--accent-color:#7c3aed;--nav-border:#ffffffe6;--active-border:#ec4899;--card-bg:#fff;--card-border:#fffffff2;--card-shadow:0 20px 40px #7c3aed29, inset -8px -8px 16px #ddd6feb3, inset 8px 8px 16px #fff;--card-hover-shadow:0 26px 48px #ec489938, inset -8px -8px 18px #fbcfe8a6, inset 8px 8px 18px #fff;--inset-shadow:inset 5px 5px 10px #c4b5fd8c, inset -5px -5px 10px #fffffff2;--input-bg:#f8f5ff;--input-border:#ddd6fe;--button-bg:#f3e8ff;--button-hover:#fae8ff;--scrollbar-thumb:#ec4899}[data-template=neobrutalism]{--font-sans:"Space Grotesk", -apple-system, sans-serif;--font-display:"Space Grotesk", sans-serif;--font-code:"Space Mono", monospace;--bg-color:#111113;--bg-gradient:none;--nav-bg:#18181b;--text-color:#fafafa;--secondary-text:#d4d4d8;--link-color:#fafafa;--intro-text:#f4f4f5;--highlight-color:#a3e635;--accent-color:#facc15;--nav-border:#fafafa;--active-border:#a3e635;--card-bg:#18181b;--card-border:#fafafa;--card-shadow:6px 6px 0px #a3e635;--card-hover-shadow:9px 9px 0px #facc15;--inset-shadow:none;--input-bg:#09090b;--input-border:#fafafa;--button-bg:#27272a;--button-hover:#a3e635;--radius-card:0px;--radius-btn:0px;--border-width:3px;--backdrop-blur:none;--scrollbar-thumb:#a3e635}[data-template=neobrutalism][data-theme=light]{--bg-color:#fffdf5;--bg-gradient:none;--nav-bg:#fde047;--text-color:#09090b;--secondary-text:#27272a;--link-color:#09090b;--intro-text:#18181b;--highlight-color:#ff5722;--accent-color:#2563eb;--nav-border:#09090b;--active-border:#09090b;--card-bg:#fff;--card-border:#09090b;--card-shadow:6px 6px 0px #09090b;--card-hover-shadow:9px 9px 0px #ff5722;--inset-shadow:none;--input-bg:#fef9c3;--input-border:#09090b;--button-bg:#a3e635;--button-hover:#fde047;--scrollbar-thumb:#09090b}[data-template=y2k]{--font-sans:"Space Mono", monospace;--font-display:"VT323", "Space Mono", monospace;--font-code:"Space Mono", monospace;--bg-color:#050714;--bg-gradient:linear-gradient(#00f0ff0d 1px, transparent 1px), linear-gradient(90deg, #00f0ff0d 1px, transparent 1px), radial-gradient(circle at 50% 0%, #1a0b36 0%, #050714 75%);--nav-bg:#0b132b;--text-color:#e0fbfc;--secondary-text:#72efdd;--link-color:#00f0ff;--intro-text:#caf0f8;--highlight-color:#00f0ff;--accent-color:#f0a;--nav-border:#00f0ff;--active-border:#f0a;--card-bg:#0a122af0;--card-border:#00f0ff;--card-shadow:inset 2px 2px 0px #fff, inset -2px -2px 0px #f0a, 4px 4px 0px #00f0ff59;--card-hover-shadow:inset 2px 2px 0px #fff, inset -2px -2px 0px #00f0ff, 6px 6px 0px #ff00aa8c;--inset-shadow:inset 2px 2px 0px #02040a, inset -2px -2px 0px #00f0ff;--input-bg:#02040a;--input-border:#00f0ff;--button-bg:#162447;--button-hover:#1f4068;--radius-card:2px;--radius-btn:2px;--border-width:2px;--backdrop-blur:none;--scrollbar-thumb:#00f0ff}[data-template=y2k][data-theme=light]{--bg-color:teal;--bg-gradient:linear-gradient(#ffffff14 1px, transparent 1px), linear-gradient(90deg, #ffffff14 1px, transparent 1px), linear-gradient(180deg, teal 0%, #005959 100%);--nav-bg:#d4d0c8;--text-color:#000;--secondary-text:#2b2b2b;--link-color:navy;--intro-text:#111;--highlight-color:navy;--accent-color:#d0006f;--nav-border:#404040;--active-border:#d0006f;--card-bg:#d4d0c8;--card-border:#fff;--card-shadow:inset 2px 2px 0px #fff, inset -2px -2px 0px gray, 2px 2px 0px #000;--card-hover-shadow:inset 2px 2px 0px #fff, inset -2px -2px 0px #404040, 4px 4px 0px #000;--inset-shadow:inset 2px 2px 0px gray, inset -2px -2px 0px #fff;--input-bg:#fff;--input-border:gray;--button-bg:#d4d0c8;--button-hover:#e4e0d8;--scrollbar-thumb:navy}[data-template=liquid-glass]{--font-sans:"Outfit", "Plus Jakarta Sans", -apple-system, sans-serif;--font-display:"Outfit", "Plus Jakarta Sans", sans-serif;--font-code:"Fira Code", monospace;--bg-color:#050914;--bg-gradient:radial-gradient(circle at 15% 15%, #111c38 0%, #050914 55%, #03060e 100%);--nav-bg:#0c14288c;--text-color:#f8fafc;--secondary-text:#94a3b8;--link-color:#e2e8f0;--intro-text:#cbd5e1;--highlight-color:#38bdf8;--accent-color:#c084fc;--nav-border:#ffffff29;--active-border:#38bdf8;--card-bg:#fff1;--card-border:#ffffff38;--card-shadow:0 24px 48px #00000073, inset 0 1px 0 0 #ffffff61, inset 0 -1px 0 0 #ffffff14;--card-hover-shadow:0 30px 60px #0009, 0 0 30px #38bdf82e, inset 0 1px 0 0 #ffffff8c;--inset-shadow:inset 0 2px 8px #00000061;--input-bg:#0f172a73;--input-border:#fff3;--button-bg:#ffffff1a;--button-hover:#ffffff2e;--radius-card:24px;--radius-btn:999px;--border-width:1px;--backdrop-blur:blur(28px) saturate(190%);--scrollbar-thumb:#38bdf873}[data-template=liquid-glass][data-theme=light]{--bg-color:#eaf2ff;--bg-gradient:linear-gradient(135deg, #e0f2fe 0%, #eef2ff 50%, #fae8ff 100%);--nav-bg:#ffffff9e;--text-color:#0f172a;--secondary-text:#475569;--link-color:#1e293b;--intro-text:#334155;--highlight-color:#0284c7;--accent-color:#9333ea;--nav-border:#ffffffd9;--active-border:#0284c7;--card-bg:#ffffff94;--card-border:#ffffffe0;--card-shadow:0 20px 45px #0f172a14, inset 0 1px 1px 0 #fffffff2, inset 0 -1px 0 0 #ffffff80;--card-hover-shadow:0 28px 55px #0284c729, inset 0 1px 2px 0 #fff;--inset-shadow:inset 0 2px 6px #0f172a0f;--input-bg:#ffffffad;--input-border:#ffffffe6;--button-bg:#ffffffb8;--button-hover:#ffffffeb;--scrollbar-thumb:#0284c773}[data-template=skeuomorphism]{--font-sans:"Plus Jakarta Sans", -apple-system, sans-serif;--font-display:"Instrument Serif", Georgia, serif;--font-code:"Fira Code", monospace;--bg-color:#161412;--bg-gradient:radial-gradient(circle at 50% 0%, #26221e 0%, #161412 75%);--nav-bg:linear-gradient(180deg, #302b27 0%, #1d1a17 100%);--text-color:#f5ebe1;--secondary-text:#b8aa9b;--link-color:#e6d7c3;--intro-text:#dfd3c3;--highlight-color:#f59e0b;--accent-color:#10b981;--nav-border:#443c35;--active-border:#f59e0b;--card-bg:linear-gradient(180deg, #2b2623 0%, #1e1b18 100%);--card-border:#473e37;--card-shadow:0 14px 28px #000000bf, inset 0 1px 0 #ffffff29, inset 0 -2px 4px #000000a6;--card-hover-shadow:0 18px 34px #000000d9, inset 0 1px 0 #f59e0b59, inset 0 -2px 4px #000000bf;--inset-shadow:inset 0 3px 8px #000000d9, 0 1px 0 #ffffff1a;--input-bg:#0c120e;--input-border:#3a332c;--button-bg:linear-gradient(180deg, #3b352f 0%, #24201c 100%);--button-hover:linear-gradient(180deg, #474039 0%, #2c2722 100%);--radius-card:12px;--radius-btn:8px;--border-width:1px;--backdrop-blur:none;--scrollbar-thumb:#d97706}[data-template=skeuomorphism][data-theme=light]{--bg-color:#ddd6cc;--bg-gradient:radial-gradient(circle at 50% 0%, #eee9e0 0%, #d5cdc0 100%);--nav-bg:linear-gradient(180deg, #f5f2ec 0%, #ded8ce 100%);--text-color:#29221c;--secondary-text:#615346;--link-color:#3d332a;--intro-text:#473c32;--highlight-color:#b45309;--accent-color:#047857;--nav-border:#b8afa3;--active-border:#b45309;--card-bg:linear-gradient(180deg, #faf8f5 0%, #eae4da 100%);--card-border:#c5bcb0;--card-shadow:0 10px 22px #2d23192e, inset 0 2px 0 #fffffff2, inset 0 -2px 3px #00000014;--card-hover-shadow:0 14px 28px #2d231940, inset 0 2px 0 #fff;--inset-shadow:inset 0 3px 7px #00000038, 0 1px 0 #ffffffd9;--input-bg:#101914;--input-border:#8c8275;--button-bg:linear-gradient(180deg, #fdfcfb 0%, #e2dcd1 100%);--button-hover:linear-gradient(180deg, #fff 0%, #ebe5db 100%);--scrollbar-thumb:#b45309}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}::view-transition-group(*){scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}::view-transition-old(*){scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}::view-transition-new(*){scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@supports not (scrollbar-color:auto){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:5px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}}