.nav-item,body{color:var(--slate-400)}#first-name,#last-name,#physics-prefix{min-height:1.2em;display:inline-block;will-change:transform,opacity}:root{--line-color:rgba(6, 182, 212, 0.15);--cyan-glow:#06b6d4;--bg-dark:#020617;--slate-400:#94a3b8;--border-color:#1e293b}.tech-box,.thumb-btn{border:1px solid var(--border-color)}body{background-color:var(--bg-dark);font-family:Inter,sans-serif;overflow-x:hidden}.font-mono{font-family:'JetBrains Mono',monospace}.font-sinhala{font-family:'Noto Sans Sinhala',sans-serif}section[id]{scroll-margin-top:6rem}.bg-blueprint{background-image:linear-gradient(to right,var(--line-color) 1px,transparent 1px),linear-gradient(to bottom,var(--line-color) 1px,transparent 1px);background-size:40px 40px;animation:40s linear infinite bgShift;will-change:background-position}@keyframes bgShift{from{background-position:0 0}to{background-position:40px 40px}}.tech-box{clip-path:polygon(0% 0%,100% 0%,100% 92%,96% 100%,0% 100%);transition:.3s;opacity:0}.nav-item{position:relative;font-family:Inter,sans-serif;font-weight:600;letter-spacing:.15em;padding:.5rem 0;transition:color .3s}.nav-item::after{content:'';position:absolute;bottom:0;left:0;width:0%;height:2px;background-color:var(--cyan-glow);box-shadow:0 0 10px var(--cyan-glow);transition:width .3s cubic-bezier(.4, 0, .2, 1)}.nav-item:hover{color:#fff;text-shadow:0 0 8px rgba(6,182,212,.5)}.nav-item:hover::after{width:100%}.nav-item.active{color:var(--cyan-glow)}.nav-item.active::after{width:100%;opacity:1}.thumb-btn{transition:.3s}.thumb-active{border-color:var(--cyan-glow)!important;opacity:1!important;box-shadow:0 0 15px rgba(6,182,212,.2)}#main-product-display{transition:opacity .2s ease-in-out,transform .2s ease-out;will-change:transform,opacity}.instructor-img{filter:grayscale(100%);transition:filter .5s}.group:hover .instructor-img{filter:grayscale(0%)}.clip-corner{clip-path:polygon(0 0,100% 0,100% 85%,90% 100%,0 100%)}#back-to-top{opacity:0;transform:translateY(100px);transition:.5s cubic-bezier(.4, 0, .2, 1);pointer-events:none}#back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.reveal-on-scroll{opacity:0;transform:translateY(60px);will-change:opacity,transform}#mobile-menu{transition:opacity .3s,transform .3s}#instructor{margin-top:100px;padding-top:50px}.js-enabled #home h1,.js-enabled #home h1 span,.js-enabled #home p,.js-enabled .tech-box{opacity:0;will-change:transform,opacity}.js-enabled #instructor .reveal-on-scroll,.js-enabled #lessons .group,.js-enabled #merch .lg\:col-span-6{opacity:0;transform:translateY(60px);will-change:transform,opacity}.prefix-container{display:inline-block;vertical-align:bottom;line-height:1.4;margin-bottom:.25rem;overflow:visible}#last-name{padding-bottom:10px}.tech-box:hover{border-color:var(--cyan-glow);box-shadow:0 0 20px rgba(6,182,212,.3),inset 0 0 10px rgba(6,182,212,.1);transform:translateY(-2px)}