:root{--ctp-rosewater: #f5e0dc;--ctp-flamingo: #f2cdcd;--ctp-pink: #f5c2e7;--ctp-mauve: #cba6f7;--ctp-red: #f38ba8;--ctp-maroon: #eba0ac;--ctp-peach: #fab387;--ctp-yellow: #f9e2af;--ctp-green: #a6e3a1;--ctp-teal: #94e2d5;--ctp-sky: #89dceb;--ctp-sapphire: #74c7ec;--ctp-blue: #89b4fa;--ctp-lavender: #b4befe;--ctp-text: #cdd6f4;--ctp-subtext1: #bac2de;--ctp-subtext0: #a6adc8;--ctp-overlay2: #9399b2;--ctp-overlay1: #7f849c;--ctp-overlay0: #6c7086;--ctp-surface2: #585b70;--ctp-surface1: #45475a;--ctp-surface0: #313244;--ctp-base: #1e1e2e;--ctp-mantle: #181825;--ctp-crust: #11111b;--font-sans: "Google Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Google Sans Code", monospace;--max-width: 900px;--section-gap: 7rem;--nav-scrolled-bg: rgba(17, 17, 27, .85);--surface-card: rgba(49, 50, 68, .28);--surface-card-strong: rgba(49, 50, 68, .42);--surface-border: var(--ctp-surface1);--surface-shadow: 0 12px 36px rgba(0, 0, 0, .22);--glass-blur: 14px;--glass-saturate: 140%;--glass-brightness: 1;--accent-mauve-bg: rgba(203, 166, 247, .1);--accent-mauve-border: rgba(203, 166, 247, .22);--accent-blue-bg: rgba(137, 180, 250, .1);--accent-blue-border: rgba(137, 180, 250, .22);--accent-teal-bg: rgba(148, 226, 213, .1);--accent-teal-border: rgba(148, 226, 213, .22);--accent-lavender-bg: rgba(180, 190, 254, .1);--accent-lavender-border: rgba(180, 190, 254, .22)}:root[data-theme=light]{--ctp-rosewater: #dc8a78;--ctp-flamingo: #dd7878;--ctp-pink: #ea76cb;--ctp-mauve: #8839ef;--ctp-red: #d20f39;--ctp-maroon: #e64553;--ctp-peach: #fe640b;--ctp-yellow: #df8e1d;--ctp-green: #40a02b;--ctp-teal: #179299;--ctp-sky: #04a5e5;--ctp-sapphire: #209fb5;--ctp-blue: #1e66f5;--ctp-lavender: #7287fd;--ctp-text: #2f3448;--ctp-subtext1: #3f455d;--ctp-subtext0: #515871;--ctp-overlay2: #636a83;--ctp-overlay1: #767d94;--ctp-overlay0: #8a90a6;--ctp-surface2: #acb0be;--ctp-surface1: #b6bdcc;--ctp-surface0: #d5dbe6;--ctp-base: #f8f9fc;--ctp-mantle: #eff2f8;--ctp-crust: #e7ebf3;--nav-scrolled-bg: rgba(236, 244, 255, .72);--surface-card: rgba(236, 245, 255, .56);--surface-card-strong: rgba(235, 245, 255, .7);--surface-border: rgba(255, 255, 255, .62);--surface-shadow: 0 20px 44px rgba(45, 62, 96, .14), 0 2px 8px rgba(52, 74, 114, .08), inset 0 1px 0 rgba(255, 255, 255, .78);--glass-blur: 20px;--glass-saturate: 175%;--glass-brightness: 1.08;--accent-mauve-bg: rgba(136, 57, 239, .1);--accent-mauve-border: rgba(136, 57, 239, .22);--accent-blue-bg: rgba(30, 102, 245, .1);--accent-blue-border: rgba(30, 102, 245, .22);--accent-teal-bg: rgba(23, 146, 153, .1);--accent-teal-border: rgba(23, 146, 153, .24);--accent-lavender-bg: rgba(114, 135, 253, .1);--accent-lavender-border: rgba(114, 135, 253, .24)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--ctp-base);color:var(--ctp-text);line-height:1.7;overflow-x:hidden}:root[data-theme=light] body{background-image:radial-gradient(circle at top right,rgba(114,135,253,.08),transparent 42%),radial-gradient(circle at 8% 24%,rgba(4,165,229,.05),transparent 50%)}::selection{background-color:var(--ctp-mauve);color:var(--ctp-crust)}a{color:var(--ctp-blue);text-decoration:none;transition:color .2s ease}a:hover{color:var(--ctp-sapphire)}h1,h2,h3,h4,h5,h6{line-height:1.3;font-weight:700}img{max-width:100%;height:auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--ctp-mantle)}::-webkit-scrollbar-thumb{background:var(--ctp-surface1);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ctp-surface2)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{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 float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:1}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.animate-slide-left{opacity:0;transform:translate(-40px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.animate-slide-left.visible{opacity:1;transform:translate(0)}.animate-slide-right{opacity:0;transform:translate(40px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.animate-slide-right.visible{opacity:1;transform:translate(0)}.animate-scale{opacity:0;transform:scale(.92);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.animate-scale.visible{opacity:1;transform:scale(1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-on-scroll,.animate-slide-left,.animate-slide-right,.animate-scale{opacity:1;transform:none}}:is(.stat-card,.pillar-card,.expertise-card,.primary-card,.cat-card,.timeline-card,.detail-card,.domain-card,.project-card,.arch-section,.arch-intro,.devops-hero,.toolchain,.hero-badge,.btn-ghost,.card-period){background:var(--surface-card)!important;border-color:var(--surface-border)!important;box-shadow:var(--surface-shadow);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate)) brightness(var(--glass-brightness));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate)) brightness(var(--glass-brightness))}:root[data-theme=light] :is(.pill,.tool-tag,.tag,.arch-tag,.cat-tag,.tech-tag,.pattern-tag,.project-tag,.card-period){color:var(--ctp-text)!important}:root[data-theme=light] :is(.pill,.tool-tag,.tag,.arch-tag,.cat-tag,.tech-tag,.pattern-tag,.project-tag){backdrop-filter:none;-webkit-backdrop-filter:none}:root[data-theme=light] :is(.stat-card,.pillar-card,.expertise-card,.primary-card,.cat-card,.timeline-card,.detail-card,.domain-card,.project-card,.arch-section,.arch-intro,.devops-hero,.toolchain,.hero-badge,.btn-ghost,.card-period){background:linear-gradient(165deg,#ffffff85,#e1efff57)!important}:is(.pill,.tool-tag,.tag,.arch-tag,.cat-tag,.tech-tag,.pattern-tag,.project-tag){backdrop-filter:blur(calc(var(--glass-blur) * .65)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(calc(var(--glass-blur) * .65)) saturate(var(--glass-saturate))}