@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";.header{position:fixed;top:16px;left:0;right:0;margin:0 auto;z-index:100;width:calc(100% - 32px);max-width:800px;padding:8px 16px;transition:all .2s ease;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:9999px;box-shadow:var(--glass-shadow)}@media(hover:none)and (pointer:coarse){.header{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--glass-bg-solid)}}@media(min-width:768px){.header{top:24px;padding:8px 24px}}.header--scrolled{box-shadow:var(--glass-shadow-hover)}.header .container{display:flex;align-items:center;justify-content:space-between;max-width:100%;padding:0}.header__logo{font-family:JetBrains Mono,Fira Code,monospace;font-size:1rem;font-weight:700;color:var(--color-text-primary);transition:opacity .15s ease;padding:4px 8px}@media(min-width:768px){.header__logo{font-size:1.25rem}}.header__logo span{color:var(--color-accent)}.header__logo:hover{opacity:.8}.header__nav{display:none;gap:4px}@media(min-width:768px){.header__nav{display:flex}}.header__link{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);padding:8px 16px;border-radius:9999px;transition:all .15s ease}.header__link:hover{color:var(--color-text-primary);background:var(--glass-bg-hover)}.header__actions{display:flex;align-items:center;justify-content:center;gap:4px}@media(min-width:768px){.header__actions{gap:8px}}.header__theme-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:9999px;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease-out}.header__theme-btn:hover{color:var(--color-accent);background:var(--glass-bg-hover)}.header__lang-btn{display:flex;align-items:center;justify-content:center;gap:4px;min-width:36px;height:36px;padding:0 8px;border:1px solid var(--color-border);border-radius:9999px;background:transparent;cursor:pointer;transition:all .15s ease-out}.header__lang-btn:hover{border-color:var(--color-accent);background:var(--glass-bg-hover)}.header__lang-flag{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Android Emoji",sans-serif;font-size:1rem;line-height:1}.header__lang-code{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);letter-spacing:.02em}.header__lang-btn:hover .header__lang-code{color:var(--color-accent)}.header__menu-btn{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;width:36px;height:36px;background:transparent;border:none;border-radius:9999px;cursor:pointer;padding:0;transition:all .15s ease-out}@media(min-width:768px){.header__menu-btn{display:none}}.header__menu-btn:hover{background:var(--glass-bg-hover)}.header__menu-btn span{display:block;width:18px;height:2px;background:var(--color-text-primary);border-radius:1px}@media(max-width:767px){.header--menu-open{opacity:0;pointer-events:none}}.mobile-menu{position:fixed;inset:0;z-index:300;will-change:opacity;transform:translateZ(0);background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.mobile-menu:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,var(--color-accent-light),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,var(--color-accent-light),transparent);pointer-events:none;opacity:.4}.mobile-menu__close{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--glass-bg-solid);border:1px solid var(--color-border);border-radius:9999px;cursor:pointer;z-index:2}.mobile-menu__close span{position:absolute;width:18px;height:2px;background:var(--color-text-primary);border-radius:1px}.mobile-menu__close span:first-child{transform:rotate(45deg)}.mobile-menu__close span:last-child{transform:rotate(-45deg)}.mobile-menu__nav{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;height:100%;position:relative;z-index:1}.mobile-menu__link{font-size:1.5rem;font-weight:500;color:var(--color-text-primary);padding:8px 32px;border-radius:9999px;border:1px solid transparent;will-change:opacity,transform;transform:translateZ(0)}@media(min-width:480px){.mobile-menu__link{font-size:clamp(1.75rem,1.5rem + 1vw,2.25rem)}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:64px 16px;position:relative;overflow:hidden}.hero .container{position:relative;width:100%;max-width:900px}.hero__content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}.hero__intro{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:400;color:var(--color-text-secondary);letter-spacing:.02em;margin-bottom:-8px}@media(min-width:768px){.hero__intro{margin-bottom:-12px}}.hero__name-wrapper{position:relative;display:inline-block}.hero__name{position:relative;font-size:clamp(3rem,12vw,8rem);font-weight:700;line-height:1.15;letter-spacing:-.04em;color:var(--color-text-primary);padding-bottom:.05em;background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-text-primary) 50%,var(--color-accent) 100%);background-size:200% 200%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:background-position .5s ease}.hero__name:hover{background-position:100% 50%}.hero__role{display:flex;align-items:center;justify-content:center;gap:4px;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:500;color:var(--color-accent)}.hero__cursor{color:var(--color-accent);font-weight:400}.hero__description{font-size:1.25rem;color:var(--color-text-secondary);max-width:560px;line-height:1.8;margin-top:12px}@media(min-width:768px){.hero__description{font-size:1.5rem}}.hero__social{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px}.hero__social-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:1px solid var(--color-border);border-radius:9999px;background:transparent;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease}.hero__social-link svg{width:18px;height:18px}@media(max-width:479px){.hero__social-link span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}.hero__social-link:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-light);transform:translateY(-2px)}.spotlight-card{--mouse-x: 50%;--mouse-y: 50%;--glow-opacity: 0;--glow-size: 400px;--border-glow-size: 450px;--grid-size: 32px;--grid-glow-size: 400px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--glass-shadow);position:relative;overflow:hidden;cursor:default}@media(hover:none)and (pointer:coarse){.spotlight-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--glass-bg-solid)}}.spotlight-card:before{content:"";position:absolute;inset:0;background:var(--glass-shine);pointer-events:none;border-radius:inherit;z-index:0}.spotlight-card--sm{--glow-size: 200px;--border-glow-size: 250px;--grid-size: 24px;--grid-glow-size: 200px;padding:16px 24px}.spotlight-card--md{--glow-size: 400px;--border-glow-size: 450px;--grid-size: 32px;--grid-glow-size: 400px;padding:32px}.spotlight-card--lg{--glow-size: 500px;--border-glow-size: 600px;--grid-size: 40px;--grid-glow-size: 500px;padding:48px}@media(min-width:768px){.spotlight-card--lg{padding:64px}}.spotlight-card__glow{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;opacity:var(--glow-opacity);transition:opacity .3s ease;background:radial-gradient(var(--glow-size) circle at var(--mouse-x) var(--mouse-y),rgba(124,58,237,.08),transparent 40%)}.spotlight-card__glow:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(var(--border-glow-size) circle at var(--mouse-x) var(--mouse-y),var(--color-accent),transparent 40%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;padding:1px;opacity:.8}.spotlight-card__grid{position:absolute;inset:0;background-image:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);opacity:0;pointer-events:none;border-radius:inherit;transition:opacity .3s ease;z-index:1;mask-image:radial-gradient(var(--grid-glow-size) circle at var(--mouse-x) var(--mouse-y),black 10%,transparent 50%);-webkit-mask-image:radial-gradient(var(--grid-glow-size) circle at var(--mouse-x) var(--mouse-y),black 10%,transparent 50%)}.spotlight-card:hover .spotlight-card__grid{opacity:.4}.spotlight-card__content{position:relative;z-index:2;height:100%;width:100%}.about{padding:48px 0}@media(min-width:768px){.about{padding:64px 0}}.about__content{display:flex;flex-direction:column;gap:24px}.about__grid{display:grid;gap:48px;margin-top:32px}@media(min-width:768px){.about__grid{grid-template-columns:2fr 1fr;align-items:start}}.about__story{display:flex;flex-direction:column;gap:16px;text-align:center}@media(min-width:768px){.about__story{text-align:left}}.about__story p{font-size:1rem;line-height:1.8;color:var(--color-text-secondary)}@media(min-width:768px){.about__story p{font-size:1.125rem}}.about__cards{display:flex;flex-direction:column;gap:12px}@media(min-width:768px){.about__cards{margin-top:-48px}}.about__card{display:flex;align-items:center;gap:16px}.about__card-icon{color:var(--color-accent);flex-shrink:0}.about__card-text{display:flex;flex-direction:column;gap:2px}.about__card-label{font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.about__card-value{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.experience{padding:48px 0}@media(min-width:768px){.experience{padding:64px 0}}.experience__header{margin-bottom:48px}.bento{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:480px){.bento{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.bento{grid-template-columns:repeat(2,1fr)}}@media(min-width:480px){.bento__card--main{grid-column:span 2}}.bento__card--main{position:relative;background:transparent;border:none;z-index:1}.bento__card--main:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:conic-gradient(from var(--gradient-angle, 0deg),#F472B6,#A855F7,#6366F1,#06B6D4,#6366F1,#A855F7,#F472B6);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:spin-gradient 3s linear infinite;z-index:-1}.bento__card--main:after{content:"";position:absolute;inset:2px;border-radius:14px;background:var(--glass-bg-solid, var(--color-bg-card));z-index:-1}.bento__card--main{box-shadow:var(--glass-shadow)}@media(prefers-reduced-motion:reduce){.bento__card--main:before{animation:none}}.bento__card--main .bento__card-role{font-size:1.5rem}@media(min-width:768px){.bento__card--main .bento__card-role{font-size:clamp(1.75rem,1.5rem + 1vw,2.25rem)}}.bento__card--main .bento__card-description{font-size:1rem;line-height:1.7}.bento__card--main .bento__card-logo{width:56px;height:56px}.bento__card-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--color-accent-light);color:var(--color-accent);border:1px solid var(--color-accent);border-radius:9999px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;margin-left:8px;vertical-align:middle}@media(min-width:480px){.bento__card-badge{position:absolute;top:16px;right:16px;margin-left:0;padding:4px 8px;font-size:.75rem}.bento__card-badge svg{width:14px;height:14px}}.bento__card-badge svg{width:10px;height:10px;animation:pulse 2s ease-in-out infinite}.bento__card-top{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.bento__card-logo{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.bento__card-logo img{width:100%;height:100%;object-fit:contain;border-radius:8px}.bento__card-info{flex:1;min-width:0}.bento__card-role{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:4px;line-height:1.3}.bento__card-company{font-size:1rem;color:var(--color-accent);font-weight:500}.bento__card-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}@media(min-width:480px){.bento__card-meta{flex-direction:row;gap:16px}}.bento__card-meta-item{display:inline-flex;align-items:center;gap:4px;font-size:.875rem;color:var(--color-text-muted);white-space:nowrap}.bento__card-meta-item svg{color:var(--color-text-muted);flex-shrink:0}.bento__card-description{font-size:.875rem;color:var(--color-text-secondary);line-height:1.7}.bento__card-tech{display:flex;flex-wrap:wrap;gap:4px;margin-top:24px}.bento__card-tech-item{padding:4px 8px;background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:8px;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:default}@media(hover:none)and (pointer:coarse){.bento__card-tech-item{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--glass-bg-solid)}}@property --gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes spin-gradient{0%{--gradient-angle: 0deg}to{--gradient-angle: 360deg}}.experience__toggle-wrapper{display:flex;justify-content:center;margin-top:24px}@media(min-width:768px){.experience__toggle-wrapper{display:none}}.experience__toggle-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:9999px;color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease-out}@media(hover:none)and (pointer:coarse){.experience__toggle-btn{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--glass-bg-solid)}}.experience__toggle-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--glass-bg-hover)}.experience__toggle-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.projects{padding:48px 0}@media(min-width:768px){.projects{padding:64px 0}}.projects__content{display:flex;flex-direction:column;gap:24px;text-align:center}@media(min-width:768px){.projects__content{text-align:left}}.projects__coming-soon{margin-top:32px;min-height:280px;padding:0;border:1px solid var(--color-border);background:radial-gradient(ellipse at 30% 20%,rgba(124,58,237,.06) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(124,58,237,.04) 0%,transparent 50%),var(--glass-bg-solid)}@media(min-width:768px){.projects__coming-soon{min-height:320px}}.projects__coming-soon .spotlight-card__content{display:flex;align-items:center;justify-content:center;padding:48px}@media(min-width:768px){.projects__coming-soon .spotlight-card__content{padding:64px}}.projects__blueprint-grid{position:absolute;inset:0;pointer-events:none;border-radius:inherit;overflow:hidden;background-image:linear-gradient(rgba(124,58,237,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.08) 1px,transparent 1px),linear-gradient(rgba(124,58,237,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.15) 1px,transparent 1px);background-size:20px 20px,20px 20px,100px 100px,100px 100px;opacity:1}.projects__corner{display:none}.projects__coming-soon-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;max-width:480px}.projects__drawing-container{position:relative;width:160px;height:80px}@media(min-width:768px){.projects__drawing-container{width:200px;height:100px}}.projects__drawing-svg{width:100%;height:100%;overflow:visible}.projects__text{display:flex;flex-direction:column;gap:8px}.projects__title{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;color:var(--color-text-primary)}@media(min-width:768px){.projects__title{font-size:clamp(1.75rem,1.5rem + 1vw,2.25rem)}}.projects__description{font-size:1rem;color:var(--color-text-secondary);line-height:1.6;max-width:380px}@media(min-width:768px){.projects__description{font-size:1.25rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .15s ease-out;border-radius:9999px;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn--sm{padding:8px 16px;font-size:.875rem}.btn--md{padding:12px 32px;font-size:.875rem}@media(min-width:768px){.btn--md{padding:16px 32px;font-size:1rem}}.btn--lg{padding:16px 48px;font-size:1rem}@media(min-width:768px){.btn--lg{padding:24px 48px;font-size:1.125rem}}.btn--primary{background:var(--color-text-primary);color:var(--color-bg);box-shadow:0 2px 8px #0000001a}.btn--primary:hover{box-shadow:0 8px 24px var(--color-shadow),0 0 0 1px var(--color-accent)}.btn--secondary{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn--secondary:hover{border-color:var(--color-border-light);color:var(--color-text-primary);background:var(--glass-bg-hover);box-shadow:var(--glass-shadow)}.btn--full-width{width:100%}.btn__icon{display:flex;align-items:center;justify-content:center;transition:transform .15s ease-out}.btn:hover .btn__icon{transform:translate(2px)}.btn__text{line-height:1}.contact{padding:48px 0}@media(min-width:768px){.contact{padding:64px 0}}.contact__content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}@media(min-width:768px){.contact__content{align-items:flex-start;text-align:left;max-width:600px}}.contact__description{font-size:1rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:8px}@media(min-width:768px){.contact__description{font-size:1.125rem}}.contact__social{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:32px}@media(min-width:768px){.contact__social{align-items:flex-start}}.contact__social-label{font-size:.875rem;color:var(--color-text-muted)}.contact__social-links{display:flex;gap:12px}.contact__social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--color-border);border-radius:9999px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--color-text-primary);transition:all .15s ease-out}@media(hover:none)and (pointer:coarse){.contact__social-link{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--glass-bg-solid)}}.contact__social-link svg{width:22px;height:22px}.contact__social-link:hover{color:var(--color-accent);background:var(--glass-bg-hover);border-color:var(--color-accent);transform:translateY(-2px)}.footer{padding:48px 0;border-top:1px solid var(--color-border);background:var(--color-bg)}.footer__content{display:flex;flex-direction:column;align-items:center;gap:12px}@media(min-width:768px){.footer__content{display:flex;align-items:center;justify-content:space-between;flex-direction:row}}.footer__logo{font-family:JetBrains Mono,Fira Code,monospace;font-size:1rem;font-weight:700;color:var(--color-text-primary);transition:opacity .15s ease}.footer__logo span{color:var(--color-accent)}.footer__logo:hover{opacity:.8}.footer__copyright{font-size:.875rem;color:var(--color-text-muted);text-align:center}@media(min-width:768px){.footer__copyright{text-align:right}}body.custom-cursor-active{cursor:none}body.custom-cursor-active *,body.custom-cursor-active *:before,body.custom-cursor-active *:after{cursor:none!important}.cursor{pointer-events:none;position:fixed;z-index:99999;width:12px;height:12px;transform:translate(-50%,-50%);background:var(--color-accent);border-radius:50%;opacity:.7;transition:width .15s ease-out,height .15s ease-out,opacity .15s ease-out,background .15s ease-out}.cursor[data-hovering=true]{width:40px;height:40px;opacity:.15;mix-blend-mode:difference;background:#fff}.cursor[data-clicking=true]{transform:translate(-50%,-50%) scale(.8)}@media(hover:none)and (pointer:coarse){body.custom-cursor-active{cursor:auto}body.custom-cursor-active *,body.custom-cursor-active *:before,body.custom-cursor-active *:after{cursor:auto!important}body.custom-cursor-active a,body.custom-cursor-active button{cursor:pointer!important}.cursor{display:none!important}}@media(prefers-reduced-motion:reduce){.cursor{display:none!important}body.custom-cursor-active{cursor:auto}body.custom-cursor-active *,body.custom-cursor-active *:before,body.custom-cursor-active *:after{cursor:auto!important}}:root{--color-bg: #FAFAFA;--color-bg-secondary: #F0F0F0;--color-bg-card: #FFFFFF;--color-bg-hover: rgba(0, 0, 0, .03);--color-bg-tertiary: #F5F5F5;--color-bg-primary: #FFFFFF;--color-text-primary: #1A1A1A;--color-text-secondary: #3A3A3A;--color-text-muted: #5A5A5A;--color-accent: #7C3AED;--color-accent-light: rgba(124, 58, 237, .1);--color-accent-hover: #6D28D9;--color-border: rgba(0, 0, 0, .08);--color-border-light: rgba(0, 0, 0, .04);--color-success: #10B981;--shadow-card: 0 2px 8px rgba(0, 0, 0, .04);--shadow-card-hover: 0 12px 40px rgba(0, 0, 0, .12);--shadow-header: 0 1px 0 var(--color-border);--color-shadow: rgba(0, 0, 0, .08);--glass-bg: rgba(255, 255, 255, .7);--glass-bg-hover: rgba(0, 0, 0, .05);--glass-border: rgba(0, 0, 0, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .08);--glass-shadow-hover: 0 16px 48px rgba(0, 0, 0, .12);--glass-blur: 20px;--glass-shine: linear-gradient(135deg, rgba(255, 255, 255, .4) 0%, rgba(255, 255, 255, 0) 50%);--glass-bg-solid: rgba(255, 255, 255, .92);--ill-window-screen: #FAFAFA;--ill-window-header: #E8E8E8;--ill-tab: #FFFFFF;--ill-terminal-bg: #F5F5F5;--ill-terminal-header: #E0E0E0;--ill-terminal-text: #B8B8B8;--ill-code-keyword: #8839EF;--ill-code-function: #1E66F5;--ill-code-variable: #D20F39;--ill-code-string: #40A02B;--ill-code-number: #DF8E1D;--ill-code-operator: #179299;--ill-code-bracket: #4C4F69;--ill-code-comment: #9CA0B0;--ill-terminal-success: #6BC95B;--ill-terminal-cursor: #6BC95B;--ill-code-cursor: #A78BFA}[data-theme=dark]{--color-bg: #0A0A0A;--color-bg-secondary: #1A1A1A;--color-bg-card: #141414;--color-bg-hover: rgba(255, 255, 255, .05);--color-bg-tertiary: #1A1A1A;--color-bg-primary: #141414;--color-text-primary: #FAFAFA;--color-text-secondary: #CCCCCC;--color-text-muted: #999999;--color-accent: #A78BFA;--color-accent-light: rgba(167, 139, 250, .08);--color-accent-hover: #8B5CF6;--color-border: rgba(255, 255, 255, .08);--color-border-light: rgba(255, 255, 255, .04);--color-success: #34D399;--shadow-card: 0 2px 8px rgba(0, 0, 0, .2);--shadow-card-hover: 0 12px 40px rgba(0, 0, 0, .3);--shadow-header: 0 1px 0 var(--color-border);--color-shadow: rgba(0, 0, 0, .25);--glass-bg: rgba(255, 255, 255, .03);--glass-bg-hover: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 4px 24px rgba(0, 0, 0, .15);--glass-shadow-hover: 0 8px 32px rgba(0, 0, 0, .25);--glass-blur: 16px;--glass-shine: linear-gradient(135deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 50%);--glass-bg-solid: rgba(20, 20, 20, .95);--ill-window-screen: #1a1b26;--ill-window-header: #24253a;--ill-tab: #1a1b26;--ill-terminal-bg: #1a1b26;--ill-terminal-header: #24253a;--ill-terminal-text: #6a6b7a;--ill-code-keyword: #C678DD;--ill-code-function: #61AFEF;--ill-code-variable: #E06C75;--ill-code-string: #98C379;--ill-code-number: #D19A66;--ill-code-operator: #56B6C2;--ill-code-bracket: #ABB2BF;--ill-code-comment: #5C6370;--ill-terminal-success: #98C379;--ill-terminal-cursor: #98C379;--ill-code-cursor: #A78BFA}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:400;line-height:1.65;color:var(--color-text-primary);background-color:var(--color-bg);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,var(--color-accent-light),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,var(--color-accent-light),transparent);background-attachment:fixed;min-height:100vh;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;line-height:1.2;color:var(--color-text-primary);letter-spacing:-.02em}h1{font-size:clamp(2.25rem,1.75rem + 2vw,3rem);font-weight:700}h2{font-size:clamp(1.75rem,1.5rem + 1vw,2.25rem)}h3{font-size:1.5rem}h4{font-size:1.25rem}p{color:var(--color-text-secondary);line-height:1.7}a{color:inherit;text-decoration:none;transition:color .15s ease}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer}code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.9em;background:var(--color-bg-secondary);padding:.2em .4em;border-radius:4px}::selection{background:var(--color-accent-light);color:var(--color-text-primary)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.app{display:flex;flex-direction:column;min-height:100vh}.container{width:100%;max-width:1100px;margin-inline:auto;padding-inline:24px}.section-header{display:flex;flex-direction:column;gap:8px;text-align:center}@media(min-width:768px){.section-header{text-align:left}}.section-label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.section-title{font-size:clamp(1.75rem,1.5rem + 1vw,2.25rem);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}@media(min-width:768px){.section-title{font-size:clamp(2.25rem,1.75rem + 2vw,3rem)}}[id]{scroll-margin-top:100px}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}