@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--shell-accent:#00f5ff;--shell-gradient:linear-gradient(135deg, #00f5ff, #ff00ea);--dock-bg:#0a0a12eb;--dock-border:#ffffff14;--dock-text:#a0a0b8;--dock-text-hover:#fff;--dock-active-bg:linear-gradient(135deg, #00f5ff29, #ff00ea1a);--dock-active-border:#00f5ff80;--dock-active-shadow:0 0 14px #00f5ff40;--dock-shadow:4px 0 25px #00000080}[data-theme=light]{--shell-accent:#09a;--shell-gradient:linear-gradient(135deg, #09a, #c0b);--dock-bg:#fffffff2;--dock-border:#00000017;--dock-text:#555570;--dock-text-hover:#11111e;--dock-active-bg:linear-gradient(135deg, #0099aa29, #cc00bb1a);--dock-active-border:#0099aa8c;--dock-active-shadow:0 0 12px #09a3;--dock-shadow:4px 0 20px #0000001f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif}.framework-dock{z-index:9999;background:var(--dock-bg);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--dock-border);border-top:1px solid var(--dock-border);border-bottom:1px solid var(--dock-border);box-shadow:var(--dock-shadow);-webkit-user-select:none;user-select:none;border-left:none;border-radius:0 12px 12px 0;flex-direction:column;align-items:center;gap:.35rem;padding:.4rem .25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:50%;left:0;transform:translateY(-50%)}.framework-dock__group{flex-direction:column;align-items:center;gap:.3rem;display:flex}.framework-fab,.framework-dock__backdrop,.framework-dock__sheet-header,.framework-dock__badge,.framework-dock__desc{display:none!important}.framework-dock__title-row,.framework-dock__text-wrap{display:contents}.framework-dock__items{flex-direction:column;align-items:center;gap:.3rem;display:flex}.framework-dock__btn{width:36px;color:var(--dock-text);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column-reverse;justify-content:center;align-items:center;gap:.35rem;padding:.75rem .2rem;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.framework-dock__btn:hover:not(.framework-dock__btn--active){color:var(--dock-text-hover);background:#ffffff0f}[data-theme=light] .framework-dock__btn:hover:not(.framework-dock__btn--active){background:#0000000d}.framework-dock__btn--active{background:var(--dock-active-bg);border-color:var(--dock-active-border);color:var(--dock-text-hover);box-shadow:var(--dock-active-shadow);font-weight:600}.framework-dock__icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.95rem;line-height:1;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;transform:rotate(-90deg)}.framework-dock__btn:hover .framework-dock__icon{transform:rotate(-90deg)scale(1.18)}.framework-svg{pointer-events:none;flex-shrink:0;width:20px;height:20px;display:block}.framework-dock__label{writing-mode:vertical-rl;letter-spacing:.05em;font-size:.775rem;font-weight:600;transform:rotate(180deg)}.framework-dock__live-dot{background:var(--shell-accent);width:6px;height:6px;box-shadow:0 0 6px var(--shell-accent);border-radius:50%;flex-shrink:0;display:none}.framework-dock__btn--active .framework-dock__live-dot{animation:2s ease-in-out infinite live-pulse;display:block}@keyframes live-pulse{0%{box-shadow:0 0 #00f5ffb3}70%{box-shadow:0 0 0 6px #00f5ff00}to{box-shadow:0 0 #00f5ff00}}.framework-dock__btn:after{content:attr(data-tooltip);color:#fff;-webkit-backdrop-filter:blur(16px);letter-spacing:normal;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:10000;background:#0c0c14f5;border:1px solid #ffffff29;border-radius:6px;padding:.45rem .85rem;font-family:Inter,sans-serif;font-size:.775rem;font-weight:500;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),visibility .2s;position:absolute;top:50%;left:calc(100% + 14px);transform:translateY(-50%)translate(-6px);box-shadow:0 8px 24px #00000080}[data-theme=light] .framework-dock__btn:after{color:#11111e;background:#fffffffa;border:1px solid #0000001f;box-shadow:0 6px 18px #00000026}.framework-dock__btn:hover:after{opacity:1;visibility:visible;transform:translateY(-50%)translate(0)}@media (width<=768px){.framework-dock{box-shadow:none;background:0 0;border:none;padding:0;position:static;top:auto;left:auto;transform:none}.framework-fab{z-index:9999;background:var(--dock-bg);-webkit-backdrop-filter:blur(24px);width:56px;height:56px;color:var(--dock-text-hover);cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #00f5ff73;border-radius:50%;justify-content:center;align-items:center;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s,border-color .25s;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 8px 28px #0009,0 0 18px #00f5ff40;display:flex!important}.framework-fab:active{transform:scale(.92)}.framework-dock--open .framework-fab{border-color:#ff00ea;box-shadow:0 8px 28px #0009,0 0 20px #ff00ea59}.framework-fab__icon{justify-content:center;align-items:center;width:28px;height:28px;display:flex}.framework-fab__icon svg{width:26px;height:26px}.framework-fab__live-dot{background:var(--shell-accent);width:9px;height:9px;box-shadow:0 0 8px var(--shell-accent);border-radius:50%;animation:2s ease-in-out infinite live-pulse;position:absolute;top:4px;right:4px}.framework-dock__backdrop{-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;z-index:10000;background:#06060ea6;transition:opacity .25s cubic-bezier(.4,0,.2,1);position:fixed;inset:0;display:block!important}.framework-dock--open .framework-dock__backdrop{opacity:1;pointer-events:auto}.framework-dock__group{transform-origin:100% 100%;opacity:0;pointer-events:none;z-index:10001;background:var(--dock-bg);-webkit-backdrop-filter:blur(32px);border:1px solid var(--dock-border);border-radius:20px;flex-direction:column;width:calc(100vw - 3rem);max-width:360px;padding:1.15rem;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .22s;position:fixed;bottom:5.5rem;left:auto;right:1.5rem;transform:translateY(20px)scale(.94);box-shadow:0 20px 45px #000000b3,0 0 0 1px #ffffff14;display:flex!important}.framework-dock--open .framework-dock__group{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.framework-dock__sheet-header{border-bottom:1px solid var(--dock-border);justify-content:space-between;align-items:center;margin-bottom:.85rem;padding-bottom:.65rem;display:flex!important}.framework-dock__sheet-title-box{flex-direction:column;gap:.15rem;display:flex}.framework-dock__sheet-subtitle{color:var(--shell-accent);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;font-weight:700}.framework-dock__sheet-title{color:#fff;font-size:.95rem;font-weight:700}[data-theme=light] .framework-dock__sheet-title{color:#11111e}.framework-dock__sheet-close{border:1px solid var(--dock-border);width:30px;height:30px;color:var(--dock-text);cursor:pointer;background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;transition:all .2s;display:flex}.framework-dock__sheet-close:hover{color:#fff;background:#ffffff1f}.framework-dock__items{flex-direction:column;gap:.45rem;width:100%;display:flex}.framework-dock__btn{min-height:56px;color:var(--dock-text);cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:.85rem;padding:.65rem .85rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:row!important;width:100%!important}[data-theme=light] .framework-dock__btn{background:#00000005;border-color:#0000000f}.framework-dock__btn:active{transform:scale(.98)}.framework-dock__btn--active{box-shadow:var(--dock-active-shadow);background:var(--dock-active-bg)!important;border-color:var(--dock-active-border)!important}.framework-dock__icon{background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;transform:none!important}[data-theme=light] .framework-dock__icon{background:#0000000a;border-color:#00000014}.framework-dock__text-wrap{text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:.15rem;min-width:0;display:flex!important}.framework-dock__title-row{align-items:center;gap:.45rem;width:100%;display:flex!important}.framework-dock__label{color:var(--dock-text-hover);font-size:.95rem;font-weight:700;line-height:1.2;writing-mode:horizontal-tb!important;display:block!important;transform:none!important}.framework-dock__badge{color:var(--dock-text);letter-spacing:.02em;background:#ffffff14;border-radius:5px;padding:.1rem .4rem;font-size:.65rem;font-weight:700;display:inline-block!important}.framework-dock__desc{color:var(--dock-text);opacity:.8;white-space:nowrap;text-overflow:ellipsis;font-size:.725rem;line-height:1.2;overflow:hidden;display:block!important}.framework-dock__live-dot{background:var(--shell-accent);width:8px;height:8px;box-shadow:0 0 8px var(--shell-accent);border-radius:50%;flex-shrink:0;margin-left:auto;display:none;position:static!important}.framework-dock__btn--active .framework-dock__live-dot{animation:2s ease-in-out infinite live-pulse;display:block!important}.framework-dock__btn:after{display:none!important}}#app-root{width:100%;min-height:100vh}.shell-loading{min-height:50vh;color:var(--dock-text);justify-content:center;align-items:center;font-size:1rem;display:flex}.shell-loading__spinner{border:3px solid var(--dock-border);border-top-color:var(--shell-accent);border-radius:50%;width:32px;height:32px;margin-right:.75rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}:root{--color-bg-primary:#0a0a0f;--color-bg-secondary:#12121a;--color-bg-tertiary:#1a1a2e;--color-bg-card:#16162a;--color-bg-card-hover:#1e1e3a;--color-bg-elevated:#1c1c32;--color-surface:#ffffff08;--color-surface-hover:#ffffff0f;--color-border:#ffffff14;--color-border-hover:#ffffff26;--color-text-primary:#e8e8f0;--color-text-secondary:#a0a0b8;--color-text-tertiary:#6b6b80;--color-text-inverse:#0a0a0f;--color-accent-cyan:#00f5ff;--color-accent-cyan-dim:#00f5ff26;--color-accent-cyan-glow:#00f5ff66;--color-accent-magenta:#ff00ea;--color-accent-magenta-dim:#ff00ea26;--color-accent-magenta-glow:#ff00ea66;--color-accent-green:#39ff14;--color-accent-green-dim:#39ff1426;--color-accent-purple:#b44aff;--color-accent-purple-dim:#b44aff26;--color-accent-orange:#ff6b35;--color-accent-orange-dim:#ff6b3526;--gradient-primary:linear-gradient(135deg, var(--color-accent-cyan), var(--color-accent-magenta));--gradient-secondary:linear-gradient(135deg, var(--color-accent-purple), var(--color-accent-cyan));--gradient-text:linear-gradient(135deg, var(--color-accent-cyan), var(--color-accent-magenta));--gradient-card-border:linear-gradient(135deg, #00f5ff4d, #ff00ea4d);--gradient-hero:radial-gradient(ellipse at 20% 50%, #00f5ff14 0%, transparent 50%), radial-gradient(ellipse at 80% 50%, #ff00ea14 0%, transparent 50%);--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow-cyan:0 0 20px #00f5ff4d;--shadow-glow-magenta:0 0 20px #ff00ea4d;--shadow-glow-primary:0 0 30px #00f5ff33, 0 0 60px #ff00ea1a;--color-success:#39ff14;--color-warning:#ffb800;--color-error:#ff3b5c;--color-info:#00b4d8}[data-theme=light]{--color-bg-primary:#fafafa;--color-bg-secondary:#f0f0f5;--color-bg-tertiary:#e8e8f0;--color-bg-card:#fff;--color-bg-card-hover:#f5f5fa;--color-bg-elevated:#fff;--color-surface:#00000005;--color-surface-hover:#0000000d;--color-border:#0000001a;--color-border-hover:#0003;--color-text-primary:#1a1a2e;--color-text-secondary:#555570;--color-text-tertiary:#8888a0;--color-text-inverse:#fafafa;--color-accent-cyan:#09a;--color-accent-cyan-dim:#0099aa1a;--color-accent-cyan-glow:#09a3;--color-accent-magenta:#c0b;--color-accent-magenta-dim:#cc00bb1a;--color-accent-magenta-glow:#c0b3;--color-accent-green:#22a00e;--color-accent-green-dim:#22a00e1a;--color-accent-purple:#83c;--color-accent-purple-dim:#8833cc1a;--color-accent-orange:#e05520;--color-accent-orange-dim:#e055201a;--gradient-hero:radial-gradient(ellipse at 20% 50%, #0099aa0f 0%, transparent 50%), radial-gradient(ellipse at 80% 50%, #cc00bb0f 0%, transparent 50%);--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #0000001f;--shadow-glow-cyan:0 0 20px #0099aa26;--shadow-glow-magenta:0 0 20px #cc00bb26;--shadow-glow-primary:0 0 30px #0099aa1a, 0 0 60px #cc00bb0d}:root{--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-xs:clamp(.7rem, .65rem + .25vw, .75rem);--font-sm:clamp(.8rem, .75rem + .25vw, .875rem);--font-base:clamp(.9rem, .85rem + .25vw, 1rem);--font-md:clamp(1rem, .95rem + .3vw, 1.125rem);--font-lg:clamp(1.125rem, 1rem + .5vw, 1.25rem);--font-xl:clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--font-2xl:clamp(1.5rem, 1.2rem + 1.5vw, 2rem);--font-3xl:clamp(1.875rem, 1.5rem + 1.875vw, 2.5rem);--font-4xl:clamp(2.25rem, 1.75rem + 2.5vw, 3.5rem);--font-5xl:clamp(3rem, 2rem + 4vw, 5rem);--weight-light:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.02em;--tracking-wider:.05em;--tracking-widest:.1em;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--section-padding-y:clamp(3rem, 5vw, 6rem);--section-padding-x:clamp(1rem, 3vw, 2rem);--container-max:1200px;--container-narrow:800px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-tooltip:500;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #00f5ff33}50%{box-shadow:0 0 40px #00f5ff66,0 0 60px #ff00ea33}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:var(--color-accent-cyan)}50%{border-color:#0000}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out both}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease-out both}.animate-fade-in-down{animation:fadeInDown var(--transition-slow) ease-out both}.animate-fade-in-left{animation:fadeInLeft var(--transition-slow) ease-out both}.animate-fade-in-right{animation:fadeInRight var(--transition-slow) ease-out both}.animate-scale-in{animation:scaleIn var(--transition-slow) ease-out both}.animate-glow-pulse{animation:3s ease-in-out infinite glowPulse}.animate-float{animation:6s ease-in-out infinite float}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}.animate-delay-6{animation-delay:.6s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth}body{min-height:100vh;line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none}:focus-visible{outline:2px solid var(--color-accent-cyan);outline-offset:3px;border-radius:var(--radius-xs)}body{font-family:var(--font-body);font-size:var(--font-base);font-weight:var(--weight-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);transition:background-color var(--transition-slow), color var(--transition-slow)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-full);border:2px solid var(--color-bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-cyan)}*{scrollbar-width:thin;scrollbar-color:var(--color-bg-tertiary) var(--color-bg-secondary)}::selection{background-color:var(--color-accent-cyan-dim);color:var(--color-accent-cyan)}a{transition:color var(--transition-fast)}a:hover{color:var(--color-accent-cyan)}.skip-link{top:-100%;left:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-accent-cyan);color:var(--color-text-inverse);font-weight:var(--weight-semibold);border-radius:0 0 var(--radius-sm) var(--radius-sm);z-index:var(--z-tooltip);transition:top var(--transition-fast);position:absolute}.skip-link:focus{top:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:var(--container-max);padding-left:var(--section-padding-x);padding-right:var(--section-padding-x);margin-left:auto;margin-right:auto}.container--narrow{max-width:var(--container-narrow)}.section{padding-top:var(--section-padding-y);padding-bottom:var(--section-padding-y);position:relative}.section__header{text-align:center;margin-bottom:var(--space-12)}.section__title{font-size:var(--font-3xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-3);background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section__subtitle{font-size:var(--font-md);color:var(--color-text-secondary)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base), background-color var(--transition-base);position:relative;overflow:hidden}.card:before{content:"";border-radius:inherit;background:var(--gradient-card-border);-webkit-mask-composite:xor;opacity:0;transition:opacity var(--transition-base);pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:hover{box-shadow:var(--shadow-glow-primary);background:var(--color-bg-card-hover);transform:translateY(-4px)}.card:hover:before{opacity:1}.card__image{object-fit:cover;border-radius:var(--radius-md);width:100%;height:200px;margin-bottom:var(--space-4)}.card__title{font-size:var(--font-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-2);color:var(--color-text-primary)}.card__description{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.card__footer{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-sm);font-weight:var(--weight-medium);border-radius:var(--radius-full);transition:all var(--transition-base);white-space:nowrap;line-height:1;display:inline-flex}.btn--primary{background:var(--gradient-primary);color:var(--color-text-inverse);background-size:200% 200%;animation:4s infinite gradientShift}.btn--primary:hover{box-shadow:var(--shadow-glow-primary);transform:translateY(-2px)}.btn--secondary{color:var(--color-accent-cyan);border:1px solid var(--color-accent-cyan);background:0 0}.btn--secondary:hover{background:var(--color-accent-cyan-dim);box-shadow:var(--shadow-glow-cyan);transform:translateY(-2px)}.btn--ghost{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn--ghost:hover{color:var(--color-text-primary);border-color:var(--color-border-hover);background:var(--color-surface-hover)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--font-xs)}.btn--icon{border-radius:var(--radius-md);width:40px;height:40px;padding:0}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-xs);font-family:var(--font-mono);font-weight:var(--weight-medium);border-radius:var(--radius-full);background:var(--color-accent-cyan-dim);color:var(--color-accent-cyan);white-space:nowrap;border:1px solid #00f5ff33;display:inline-flex}.badge--magenta{background:var(--color-accent-magenta-dim);color:var(--color-accent-magenta);border-color:#ff00ea33}.badge--purple{background:var(--color-accent-purple-dim);color:var(--color-accent-purple);border-color:#b44aff33}.badge--green{background:var(--color-accent-green-dim);color:var(--color-accent-green);border-color:#39ff1433}.badge--orange{background:var(--color-accent-orange-dim);color:var(--color-accent-orange);border-color:#ff6b3533}.skill-bar{background:var(--color-surface);border-radius:var(--radius-full);width:100%;height:6px;position:relative;overflow:hidden}.skill-bar__fill{border-radius:var(--radius-full);background:var(--gradient-primary);height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);position:relative}.skill-bar__fill:after{content:"";background:var(--color-accent-cyan);width:10px;height:10px;box-shadow:var(--shadow-glow-cyan);border-radius:50%;position:absolute;top:50%;right:0;transform:translateY(-50%)}.timeline{padding-left:var(--space-8);position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--color-accent-cyan), var(--color-accent-magenta), var(--color-accent-purple));width:2px;position:absolute;top:0;bottom:0;left:0}.timeline__item{padding-bottom:var(--space-10);position:relative}.timeline__item:last-child{padding-bottom:0}.timeline__dot{left:calc(-1 * var(--space-8) - 5px);top:var(--space-1);background:var(--color-accent-cyan);width:12px;height:12px;box-shadow:var(--shadow-glow-cyan);z-index:1;border-radius:50%;position:absolute}.timeline__dot--current{background:var(--color-accent-green);box-shadow:0 0 20px #39ff1480}.timeline__date{font-size:var(--font-sm);font-family:var(--font-mono);color:var(--color-accent-cyan);margin-bottom:var(--space-2)}.nav{z-index:var(--z-sticky);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);transition:background-color var(--transition-slow);background:#0a0a0fd9;position:fixed;top:0;left:0;right:0}[data-theme=light] .nav{background:#fafafad9}.nav__inner{height:64px;max-width:var(--container-max);padding:0 var(--section-padding-x);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav__logo{font-size:var(--font-lg);font-weight:var(--weight-bold);background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav__links{gap:var(--space-6);align-items:center;display:flex}.nav__link{font-size:var(--font-sm);color:var(--color-text-secondary);transition:color var(--transition-fast);position:relative}.nav__link:hover,.nav__link--active{color:var(--color-accent-cyan)}.nav__link--active:after{content:"";background:var(--gradient-primary);border-radius:var(--radius-full);height:2px;position:absolute;bottom:-4px;left:0;right:0}.nav__controls{align-items:center;gap:var(--space-3);display:flex}.nav__menu-btn{cursor:pointer;flex-direction:column;gap:5px;width:24px;display:none}.nav__menu-btn span{background:var(--color-text-primary);border-radius:var(--radius-full);height:2px;transition:all var(--transition-fast);display:block}@media (width<=768px){.nav__links{background:var(--color-bg-secondary);padding:var(--space-4);gap:var(--space-2);border-bottom:1px solid var(--color-border);flex-direction:column;display:none;position:absolute;top:64px;left:0;right:0}.nav__links--open{display:flex}.nav__link{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.nav__link:hover{background:var(--color-surface-hover)}.nav__menu-btn{display:flex}}.toggle-group{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);gap:2px;padding:2px;display:inline-flex}.toggle-group__item{padding:var(--space-1) var(--space-3);font-size:var(--font-xs);font-weight:var(--weight-medium);border-radius:var(--radius-full);color:var(--color-text-tertiary);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none}.toggle-group__item:hover{color:var(--color-text-secondary)}.toggle-group__item--active{background:var(--color-accent-cyan-dim);color:var(--color-accent-cyan);box-shadow:var(--shadow-glow-cyan)}.framework-selector{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);gap:2px;padding:3px;display:inline-flex}.framework-selector__item{padding:var(--space-2) var(--space-4);font-size:var(--font-sm);font-weight:var(--weight-medium);border-radius:var(--radius-full);color:var(--color-text-tertiary);transition:all var(--transition-base);cursor:pointer;white-space:nowrap;background:0 0;border:none}.framework-selector__item:hover{color:var(--color-text-secondary)}.framework-selector__item--active{background:var(--gradient-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-glow-primary)}.grid{gap:var(--space-6);display:grid}.grid--2{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.grid--3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid--4{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.avatar{object-fit:cover;background:linear-gradient(var(--color-bg-primary), var(--color-bg-primary)) padding-box, var(--gradient-primary) border-box;width:160px;height:160px;box-shadow:var(--shadow-glow-primary);border:3px solid #0000;border-radius:50%}.avatar--lg{width:200px;height:200px}.social-links{gap:var(--space-3);display:flex}.social-link{border-radius:var(--radius-md);border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-text-secondary);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.social-link:hover{color:var(--color-accent-cyan);border-color:var(--color-accent-cyan);box-shadow:var(--shadow-glow-cyan);transform:translateY(-3px)}.divider{background:var(--gradient-primary);border-radius:var(--radius-full);width:60px;height:3px;margin:var(--space-4) auto}.footer{padding:var(--space-8) 0;border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-sm)}.footer a{color:var(--color-accent-cyan)}.footer a:hover{text-decoration:underline}.footer__source{margin:var(--space-4) 0;justify-content:center;display:flex}.footer__source-link{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-secondary);font-size:var(--font-sm);font-weight:var(--weight-medium);transition:all var(--transition-base);padding:.5rem 1.15rem;text-decoration:none;display:inline-flex}.footer__source-link:hover{color:var(--color-accent-cyan);border-color:var(--color-accent-cyan);background:var(--color-bg-card-hover);box-shadow:var(--shadow-glow-cyan);text-decoration:none;transform:translateY(-2px)}.footer__source-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}