:root{--bg:#070707;--bg-card:#0d0d10;--text:#f5f5f5;--text-muted:#888;--purple:#9c7fd7;--purple-dim:#9c7fd71f;--purple-border:#9c7fd738;--mango:#ff9f00;--mango-dim:#ff9f0014;--mango-hover:#e68a00;--radius:12px;--ease-out:cubic-bezier(.16, 1, .3, 1);--section-pad:clamp(80px, 10vw, 120px) clamp(24px, 6vw, 80px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);letter-spacing:.01em;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}@media (pointer:fine){body,a,button{cursor:none}}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:0 0;border:none}li{list-style:none}h1,h2,h3,h4{font-family:Montserrat,sans-serif}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--purple);border-radius:2px}.section-tag{text-transform:uppercase;letter-spacing:.3em;color:var(--mango);margin-bottom:12px;font-family:Montserrat,sans-serif;font-size:.68rem;font-weight:700;display:block}.section-title{color:#dddaf0;margin-bottom:60px;font-size:clamp(1.4rem,2.6vw,2.1rem);font-weight:800;line-height:1.1}@media (width<=580px){.section-tag,.section-title{text-align:center}}.cursorDot{background:var(--mango);pointer-events:none;z-index:9999;border-radius:50%;width:6px;height:6px;transition:opacity .2s;position:fixed;top:0;left:0}.cursorRing{border:1.5px solid var(--purple);pointer-events:none;z-index:9998;width:32px;height:32px;transition:width .25s var(--ease-out), height .25s var(--ease-out), border-color .25s ease, opacity .25s ease;border-radius:50%;position:fixed;top:0;left:0}.cursorRing.hovered{border-color:var(--mango);opacity:.6;width:48px;height:48px}.header{z-index:100;padding:20px clamp(24px,6vw,80px);transition:background .4s,border-color .4s,padding .4s;position:fixed;top:0;left:0;right:0}.header.scrolled{-webkit-backdrop-filter:blur(12px);background:#070707d9;padding:14px clamp(24px,6vw,80px)}.header .nav{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.header .logo{align-items:center;display:flex}.header .logoImage{opacity:.8;width:auto;height:40px;transition:opacity .2s}.header .logo:hover .logoImage{opacity:1}.header .menu{align-items:center;gap:40px;display:flex}.header .link{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);padding:4px 0;font-family:Montserrat,sans-serif;font-size:.78rem;font-weight:600;transition:color .25s;position:relative}.header .link:hover,.header .link.active{color:var(--text)}.header .underline{background:var(--mango);width:0;height:1.5px;transition:width .3s var(--ease-out);position:absolute;bottom:-2px;left:0}.header .link:hover .underline,.header .link.active .underline{width:100%}.header .burger{flex-direction:column;gap:6px;padding:4px;display:none}.header .burgerLine{background:var(--text);width:20px;height:1px;transition:transform .3s var(--ease-out);display:block}.header .burger.open .burgerLine:first-child{transform:translateY(3.5px)rotate(45deg)}.header .burger.open .burgerLine:nth-child(2){transform:translateY(-3.5px)rotate(-45deg)}@media (width<=768px){.header .burger{display:flex}.header .menu{-webkit-backdrop-filter:blur(24px);width:min(200px,65vw);height:100dvh;transition:right .35s var(--ease-out);background:#070707e0;border-left:1px solid #9c7fd71f;flex-direction:column;justify-content:center;gap:32px;padding:40px 32px;position:fixed;top:0;right:-100%}.header .menu.open{right:0}.header .link{font-size:1rem}}.hero{min-height:100vh;padding:var(--section-pad);flex-direction:column;justify-content:center;gap:36px;padding-top:calc(clamp(80px,10vw,120px) + 40px);display:flex;position:relative;overflow:hidden}.hero .inner{flex-direction:column;align-items:center;gap:32px;width:100%;max-width:1200px;margin:0 auto;display:flex}.hero .heroReveal{opacity:0;transition:opacity .9s ease-in-out}.hero .heroReveal.visible{opacity:1}.hero .codeBlock{opacity:0;background:var(--bg-card);border:1px solid var(--purple-border);border-radius:14px;width:clamp(340px,55vw,640px);font-family:Courier New,Menlo,monospace;font-size:clamp(.9rem,1.1vw,.84rem);line-height:1.7;animation:.7s cubic-bezier(.16,1,.3,1) .2s forwards fadeSlideUp;overflow:hidden}.hero .codeHeader{border-bottom:1px solid var(--purple-border);background:#ffffff05;align-items:center;gap:6px;padding:10px 14px;display:flex}.hero .dot{opacity:.7;border-radius:50%;width:10px;height:10px}.hero .fileName{color:var(--text-muted);margin-left:8px;font-size:.9rem}.hero .codeBody{padding:14px 16px}.hero .codeLine{white-space:pre;gap:12px;display:flex}.hero .lineNum{color:gray;-webkit-user-select:none;user-select:none;font-size:.9em;line-height:inherit;flex-shrink:0;padding-top:2px}.hero .tok_keyword{color:var(--purple)}.hero .tok_type{color:#c792ea}.hero .tok_prop{color:#7ec8e3}.hero .tok_string{color:var(--mango)}.hero .tok_bool{color:#a8d8a8}.hero .tok_plain{color:var(--text-muted)}.hero .cursor{background:var(--mango);vertical-align:text-bottom;width:2px;height:1.1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}.hero .ctaGroup{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.hero .ctaButton{background:0 0;border:1px solid #0000;border-radius:8px;align-items:baseline;padding:11px 22px;font-family:Courier New,Menlo,monospace;font-size:clamp(.78rem,1.2vw,.88rem);transition:border-color .22s,background .22s,transform .2s;display:inline-flex}.hero .ctaButton:hover{transform:scale(1.06)}.hero .ctaObject{color:var(--text-muted)}.hero .ctaMethod{color:var(--mango);font-weight:600}.hero .ctaMethodSecondary{color:var(--purple);font-weight:600}.hero .ctaPunctuation{color:var(--text-muted);opacity:.6}.hero .skillsSection{width:100%;max-width:1200px;margin:0 auto;padding-top:clamp(12px,2vw,24px)}.hero .skillsSection .section-title{margin-bottom:24px}.hero .scrollHint{position:absolute;bottom:clamp(32px,5vw,60px);right:clamp(24px,6vw,80px)}.hero .scrollHint span{background:linear-gradient(to bottom, var(--purple-border), transparent);width:1px;height:70px;animation:2.4s ease-in-out infinite drop;display:block}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes drop{0%{transform-origin:top;opacity:0;transform:scaleY(0)}40%{transform-origin:top;opacity:1;transform:scaleY(1)}60%{transform-origin:bottom;opacity:1;transform:scaleY(1)}to{transform-origin:bottom;opacity:0;transform:scaleY(0)}}@media (width<=900px){.hero{gap:28px}.hero .codeBlock{width:100%;max-width:560px}.hero .scrollHint{display:none}}@media (width<=480px){.hero .codeLine{white-space:pre-wrap;word-break:break-word;align-items:flex-start}.hero .lineNum{font-size:.6em}}.section{padding:var(--section-pad);padding-bottom:0}.section .inner{max-width:1200px;margin:0 auto}.carouselWrapper{width:100%;position:relative}.carouselWrapper:before,.carouselWrapper:after{content:"";z-index:2;pointer-events:none;width:120px;position:absolute;top:0;bottom:0}.carouselWrapper:before{background:linear-gradient(to right, var(--bg) 0%, transparent 100%);left:0}.carouselWrapper:after{background:linear-gradient(to left, var(--bg) 0%, transparent 100%);right:0}.carousel{scrollbar-width:none;-ms-overflow-style:none;width:100%;overflow-x:scroll}.carousel::-webkit-scrollbar{display:none}.list{gap:12px;width:max-content;padding:16px 0;display:flex}.pill{text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border:1px solid var(--purple-border);color:var(--text-muted);background:var(--bg-card);-webkit-user-select:none;user-select:none;border-radius:100px;padding:7px 14px;font-family:Montserrat,sans-serif;font-size:.65rem;font-weight:600;transition:border-color .2s,color .2s,background .2s}.pill:hover{border-color:var(--purple);color:var(--text);background:var(--purple-dim)}.bgImage{opacity:.09;pointer-events:none;z-index:-1;background-image:url(/images/bg_dark.webp);background-position:50%;background-size:cover;background-attachment:fixed;position:fixed;inset:0}