:root{--section-gap: 160px}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}svg{text-rendering:optimizeLegibility}svg[class]{display:block}svg *{vector-effect:non-scaling-stroke}body{min-height:100vh;color:var(--text-color);background:var(--surface-ground);transition:color var(--transition-duration) var(--transition-timing),background-color var(--transition-duration) var(--transition-timing),--primary-gradient-start var(--transition-duration) var(--transition-timing),--primary-gradient-end var(--transition-duration) var(--transition-timing),--header-color-for-gradient var(--transition-duration) var(--transition-timing);line-height:1.6;font-family:Inter,JetBrains Mono,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--transition-timing: cubic-bezier(.4, 0, .2, 1);--transition-duration: .3s;--theme-transition: all var(--transition-duration) var(--transition-timing);transition:--primary-color var(--transition-duration) var(--transition-timing),--primary-color-darker var(--transition-duration) var(--transition-timing),--primary-color-lighter var(--transition-duration) var(--transition-timing),--header-color var(--transition-duration) var(--transition-timing),--surface-ground var(--transition-duration) var(--transition-timing),--surface-card var(--transition-duration) var(--transition-timing),--surface-section var(--transition-duration) var(--transition-timing),--text-color var(--transition-duration) var(--transition-timing),--text-color-secondary var(--transition-duration) var(--transition-timing),--border-color var(--transition-duration) var(--transition-timing);--font-heading: "Poppins", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-bold)}body,p,span,div,button{font-family:var(--font-body)}code,pre,.code,.mono{font-family:var(--font-mono)}html.dark-mode h1,html.dark-mode h2,html.dark-mode h3,html.dark-mode h4,html.dark-mode h5,html.dark-mode h6,html.dark-mode p,html.dark-mode span,html.dark-mode div{color:var(--text-color)}.subtitle,.text-secondary{color:var(--text-color-secondary)!important}:root{--primary-color: rgb(37, 99, 235);--primary-color-darker: rgb(29, 78, 216);--primary-color-lighter: rgb(59, 130, 246);--surface-ground: rgb(248, 249, 250);--surface-card: rgba(255, 255, 255, .9);--surface-section: rgb(242, 244, 248);--text-color: rgb(31, 41, 55);--text-color-secondary: rgb(75, 85, 99);--border-color: rgb(203, 213, 225);--header-color: rgb(255, 255, 255);--card-border-top: rgba(255, 255, 255, .9);--card-border-left: rgba(255, 255, 255, .7);--card-border-base: rgba(0, 0, 0, .08);--surface-progress: rgb(240, 240, 240);--skill-expert-start: rgb(22, 163, 74);--skill-expert-end: rgb(34, 197, 94);--skill-advanced-start: rgb(37, 99, 235);--skill-advanced-end: rgb(96, 165, 250);--skill-intermediate-start: rgb(234, 88, 12);--skill-intermediate-end: rgb(251, 146, 60);--skill-beginner-start: rgb(220, 38, 38);--skill-beginner-end: rgb(248, 113, 113)}html.dark-mode{--primary-color: rgb(96, 165, 250);--primary-color-darker: rgb(59, 130, 246);--primary-color-lighter: rgb(147, 197, 253);--surface-ground: rgb(26, 26, 30);--surface-card: rgba(56, 56, 60, .7);--surface-section: rgb(32, 33, 40);--text-color: rgb(242, 242, 245);--text-color-secondary: rgb(212, 212, 220);--border-color: rgb(86, 86, 95);--header-color: rgb(24, 24, 28);--card-border-top: rgba(255, 255, 255, .15);--card-border-left: rgba(255, 255, 255, .1);--card-border-base: rgba(255, 255, 255, .08);--surface-progress: rgba(255, 255, 255, .12);--skill-expert-start: rgb(34, 197, 94);--skill-expert-end: rgb(74, 222, 128);--skill-advanced-start: rgb(96, 165, 250);--skill-advanced-end: rgb(147, 197, 253);--skill-intermediate-start: rgb(251, 146, 60);--skill-intermediate-end: rgb(253, 186, 116);--skill-beginner-start: rgb(248, 113, 113);--skill-beginner-end: rgb(252, 165, 165)}:root{--accent-primary: #60a5fa;--accent-secondary: #2563eb;--accent-tertiary: #3b82f6;--accent-warm: #ffb690;--accent-warm-dark: #d97706;--accent-cool: #60a5fa;--accent-cool-light: #93c5fd;--skill-1: #60a5fa;--skill-2: #ffb690;--skill-3: #a5b4fc;--skill-4: #fbbf24;--skill-5: #f87171;--skill-6: #c084fc;--bg-primary: #09090b;--bg-secondary: #1f2937;--bg-tertiary: #111827;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .06);--bg-primary-light: #fafafa;--bg-secondary-light: #f4f4f5;--bg-tertiary-light: #ffffff;--text-primary: #f4f4f5;--text-secondary: rgba(226, 226, 226, .7);--text-muted: rgba(226, 226, 226, .5);--text-primary-light: #334155;--text-secondary-light: rgba(55, 65, 81, .8);--text-muted-light: rgba(55, 65, 81, .6);--border-subtle: rgba(255, 255, 255, .04);--border-medium: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .2);--success: #4ade80;--success-dark: #22c55e}html:not(.dark-mode){--accent-primary: #2563eb;--accent-secondary: #1d4ed8;--accent-tertiary: #3b82f6;--accent-warm: #ea580c;--accent-warm-dark: #c2410c;--accent-cool: #3b82f6;--accent-cool-light: #60a5fa;--skill-1: #93c5fd;--skill-2: #ffcdb3;--skill-3: #c7d2fe;--skill-4: #fcd34d;--skill-5: #fca5a5;--skill-6: #d8b4fe;--border-subtle: rgba(0, 0, 0, .04);--border-medium: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .15)}:root{--glass-bg: rgba(255, 255, 255, .5);--glass-shadow: 0 4px 16px rgba(0, 0, 0, .06)}html.dark-mode{--glass-bg: rgba(30, 58, 138, .08);--glass-shadow: inset 0 -2px 4px rgba(0, 0, 0, .4)}#app{height:100vh;width:100%;font-weight:400;margin:0;padding:0;overflow:hidden}a{text-decoration:none;color:var(--primary-color);transition:color .3s ease}a:hover{color:var(--primary-color-darker)}h1{font-size:2.5rem;line-height:1.2;margin-bottom:1rem}h2{font-size:2rem;line-height:1.3;margin-bottom:.75rem}h3{font-size:1.5rem;line-height:1.4;margin-bottom:.5rem}p{margin-bottom:1rem;line-height:1.6}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.space-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}@media print{#__vue-devtools-guide__,#__vue-devtools-container__,#vue-inspector-container,[data-v-inspector],.__vue-devtools-hide__{display:none!important}}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}}html,body{height:100%;margin:0;font-family:var(--font-body);overflow:hidden;scroll-behavior:smooth}body.theme-transition *{transition:all var(--transition-duration) var(--transition-timing)!important}#app{height:100dvh;display:flex;flex-direction:column}.page-enter-active,.page-leave-active{transition:opacity var(--transition-duration),transform var(--transition-duration)}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-10px)}