.home-wrapper{color-scheme:dark;--bg-primary: #000000;--bg-secondary: #303030;--bg-card: #303030;--card-outer-bg: #101010;--card-inner-surface: #191919;--text-primary: #f2f2f2;--text-secondary: #dedede;--text-muted: #a0a0a0;--accent-1: #5468ff;--accent-2: #8b5cf6;--accent-3: #ec4899;--gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-text: linear-gradient(135deg, #5468ff 0%, #6b7dff 50%, #8291ff 100%);--border-color: #4a4a4a;--card-border-color: #4a4a4a;--card-inner-bg: #303030;--card-inner-border: #4a4a4a;--card-hover-border: rgba(84, 104, 255, .75);--nav-bar-color: #666666;--nav-active-color: #ffffff;--nav-menu-bg: #191919;--nav-menu-accent: #343434;--nav-menu-text: #f2f2f2;--nav-menu-item-hover: #2a2a2a;--theme-switch-bg: #303030;--theme-switch-border: #4a4a4a;--theme-switch-active-bg: #4a4a4a;--theme-switch-active-border: #4a4a4a;--container-overlay: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .4) 5%, rgba(0, 0, 0, .95) 20%, rgba(0, 0, 0, .95) 80%, rgba(0, 0, 0, .4) 95%, rgba(0, 0, 0, 0) 100%);--tag-bg: #000000;--tag-border: rgba(255, 255, 255, .15);--container: 1200px;--radius: 1px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--card-border-width: 1px;--sidebar-open-width: 290px;--sidebar-min-center-gap: 48px;--sidebar-min-right-edge: 12px;--sidebar-base-right: clamp(10px, 20vw, 350px);--background-overdraw: max(80px, 12vh)}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}.home-wrapper{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-secondary);background-color:var(--bg-primary);line-height:1.6;font-size:16px;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;position:relative}.section-nav{position:fixed;top:100px;right:calc(min(var(--sidebar-base-right),max(var(--sidebar-min-right-edge),calc(42vw - var(--sidebar-open-width) - var(--sidebar-min-center-gap)))) + 32px);width:30px;z-index:1000}.nav-bars{display:flex;flex-direction:column;gap:16px}.nav-bar-link{display:block;width:25px;height:2px;border-radius:999px;background:var(--nav-bar-color);transition:background-color .16s ease,opacity .16s ease}.nav-bar-link:hover{opacity:.72}.nav-bar-link.is-active{background:var(--nav-active-color);opacity:1}.nav-bar-link:focus-visible,.nav-menu-item:focus-visible{outline:2px solid var(--nav-active-color);outline-offset:4px}.nav-menu{position:absolute;top:-10px;right:-10px;width:170px;opacity:0;visibility:hidden;pointer-events:none;transform:translate(4px) scale(.985);transform-origin:top right;transition:opacity .16s ease,transform .18s ease,visibility 0s linear .18s}.section-nav.is-open .nav-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0) scale(1);transition-delay:0s}.nav-menu-surface{display:flex;flex-direction:column;gap:3px;padding:8px;border:1px solid var(--nav-menu-accent);border-radius:10px;background:var(--nav-menu-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav-menu-item{display:block;position:relative;padding:7px 15px;color:var(--nav-menu-text);font-size:15px;font-weight:400;line-height:1.35;letter-spacing:.005em;white-space:nowrap;transition:background-color .14s ease}.nav-menu-item:before{content:"";position:absolute;top:3px;right:0;bottom:3px;left:0;border-radius:6px;background:transparent;transition:background-color .14s ease}.nav-menu-item span{position:relative;z-index:1}.nav-menu-item:hover:before{background:var(--nav-menu-item-hover)}.nav-menu-item.is-active:before{background:var(--nav-menu-accent)}.home-container{max-width:720px;margin:0 auto;padding:80px 24px 120px;position:relative}.home-container:before{content:"";position:fixed;top:calc(0px - var(--background-overdraw));bottom:calc(0px - var(--background-overdraw));left:50%;transform:translate(-50%);width:100vw;background:var(--container-overlay);pointer-events:none;z-index:0}.bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.home-container>*{position:relative;z-index:1}.theme-switch{position:relative;display:inline-grid;grid-template-columns:repeat(2,26.4px);gap:0;padding:1.76px;margin-bottom:14.3px;border:1px solid var(--theme-switch-border);border-radius:4.4px;background:var(--theme-switch-bg);isolation:isolate}.theme-switch-indicator{position:absolute;top:1.76px;left:1.76px;z-index:0;width:26.4px;height:26.4px;border:1px solid var(--theme-switch-active-border);border-radius:4.4px;background:var(--theme-switch-active-bg);pointer-events:none;transform:translate(0);transition:transform .22s cubic-bezier(.4,0,.2,1)}.theme-switch.is-dark .theme-switch-indicator{transform:translate(26.4px)}.theme-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;z-index:1;width:26.4px;height:26.4px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:2.64px;background:transparent;color:var(--text-muted);font:inherit;font-size:15.4px;line-height:1;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.theme-icon{display:block;width:17.6px;height:17.6px;overflow:hidden;font-family:Material Symbols Rounded;font-size:17.6px;font-style:normal;font-weight:400;line-height:17.6px;letter-spacing:normal;text-transform:none;white-space:nowrap;direction:ltr;font-feature-settings:"liga";font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 20;-webkit-font-smoothing:antialiased}.theme-option:hover,.theme-option.is-active{color:var(--text-primary)}.theme-option:focus-visible{outline:3px solid rgba(84,104,255,.28);outline-offset:2px}@media(prefers-reduced-motion:reduce){.theme-switch-indicator{transition:none}}.page-title{font-size:40px;font-weight:700;margin-bottom:-5px;color:var(--text-primary)}.home-wrapper .subtitle{font-size:16px;color:var(--text-muted);margin-bottom:50px}.section{margin-bottom:48px;scroll-margin-top:20px}.home-wrapper h2{font-size:24px;font-weight:600;margin-bottom:16px;color:var(--text-primary);display:flex;align-items:center;gap:8px}.home-wrapper p{font-size:16px;color:var(--text-secondary);margin-bottom:12px}.intro-typewriter{white-space:pre-line;margin-bottom:0}.home-wrapper strong{color:var(--text-primary);font-weight:600}.home-wrapper a{color:inherit;text-decoration:none;transition:var(--transition)}.card{padding:20px;border-radius:0;margin-bottom:0;background:var(--card-outer-bg);border:var(--card-border-width) solid var(--card-border-color);transition:var(--transition);position:relative;isolation:isolate}.card:before{content:"";position:absolute;top:3.5px;right:3.5px;bottom:3.5px;left:3.5px;border-radius:10px;background:var(--card-inner-surface);border:1px solid var(--card-inner-border);pointer-events:none;z-index:0}.card>*{position:relative;z-index:1}.card:not(:last-child){margin-bottom:24px}.card:not(:last-child):after{content:"";position:absolute;bottom:-25px;left:calc(-1 * var(--card-border-width));width:calc(100% + 2 * var(--card-border-width));height:24px;border-left:var(--card-border-width) solid var(--card-border-color);border-right:var(--card-border-width) solid var(--card-border-color);background:repeating-linear-gradient(90deg,transparent,transparent 10px,var(--card-border-color) 10px,var(--card-border-color) 11px);opacity:.7;box-sizing:border-box;background-clip:content-box;padding-right:1px}.card-logo{width:15%;border-radius:12px;margin-bottom:12px;border:1px solid var(--border-color)}.card-logo--white-bg{background-color:#fff}.card:hover:before{border-color:var(--card-hover-border)}.card-title{font-weight:600;margin-bottom:0;color:var(--text-primary)}.card-meta{font-size:14px;color:var(--text-muted);margin-bottom:9px}.card-desc{font-size:15px;line-height:1.54;color:var(--text-secondary);margin-bottom:0}.tags-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;flex-wrap:wrap}.tags{display:flex;flex-wrap:wrap;gap:8px;flex:1}.tag{font-size:13px;padding:4px 10px;background:var(--tag-bg);border-radius:6px;color:var(--accent-1);border:1px solid var(--tag-border)}.home-wrapper[data-theme=light]{color-scheme:light;--bg-primary: #fcfcfd;--bg-secondary: #f7f8fb;--bg-card: #ffffff;--card-outer-bg: #ffffff;--card-inner-surface: rgba(255, 255, 255, .74);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--accent-1: #4f46e5;--accent-2: #7c3aed;--accent-3: #db2777;--gradient-1: linear-gradient(135deg, #93c5fd 0%, #c4b5fd 100%);--gradient-2: linear-gradient(135deg, #fbcfe8 0%, #fecaca 100%);--gradient-text: linear-gradient(135deg, #4338ca 0%, #4f46e5 50%, #6366f1 100%);--border-color: rgba(15, 23, 42, .14);--card-border-color: rgba(15, 23, 42, .12);--card-inner-bg: rgba(255, 255, 255, .74);--card-inner-border: rgba(15, 23, 42, .09);--card-hover-border: rgba(84, 104, 255, .75);--nav-bar-color: #a1a1aa;--nav-active-color: #000000;--nav-menu-bg: #ffffff;--nav-menu-accent: rgba(15, 23, 42, .1);--nav-menu-text: #18181b;--nav-menu-item-hover: rgba(15, 23, 42, .065);--theme-switch-bg: var(--bg-card);--theme-switch-border: var(--border-color);--theme-switch-active-bg: var(--card-inner-bg);--theme-switch-active-border: var(--accent-1);--container-overlay: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .58) 5%, rgba(255, 255, 255, .97) 20%, rgba(255, 255, 255, .97) 80%, rgba(255, 255, 255, .58) 95%, rgba(255, 255, 255, 0) 100%);--tag-bg: rgba(15, 23, 42, .03);--tag-border: rgba(15, 23, 42, .14)}.home-wrapper .card-button{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;background:var(--accent-1);opacity:.8;color:#fff;border-radius:6px;font-size:14px;font-weight:450;border:.5px solid transparent;transition:var(--transition);text-decoration:none;white-space:nowrap;height:fit-content}.card-button:hover{filter:saturate(1.05) brightness(1.02);background:var(--bg-card);opacity:1;color:var(--accent-1);border-color:var(--accent-1)}.card-button:focus-visible{outline:3px solid rgba(84,104,255,.25);outline-offset:3px}.links{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.link-button{padding:8px 15px;border-radius:1px;border:.5px solid var(--border-color);background:var(--bg-card);font-size:15px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:var(--text-primary);font-weight:400;letter-spacing:.02em}.link-button:hover{background:var(--accent-1);color:#fff;border-color:var(--accent-1)}.divider{height:1px;background:var(--border-color);width:70%;margin:48px auto}@media(max-width:900px){.home-container{padding:64px 20px 80px}}@media(max-width:910px){.section-nav{display:none}.page-title{font-size:32px}h2{font-size:20px}}.footer{margin-top:60px;text-align:center;padding-bottom:40px}.footer p{font-size:14px;color:var(--text-muted);margin-bottom:0}.footer a{color:var(--text-secondary);text-decoration:underline;text-underline-offset:3px;transition:var(--transition)}.footer a:hover{color:var(--accent-1);text-decoration-color:var(--accent-1)}.footer-icon{width:25px;height:25px;margin-top:16px;border-radius:4px;opacity:.8;transition:var(--transition)}.footer-icon:hover{opacity:1;border-radius:2px;transform:scale(1.5)}