:root{--duration-fast: .15s;--duration-base: .3s;--duration-slow: .7s;--duration-xslow: 1.2s;--ease-out: cubic-bezier(.4, 0, .2, 1);--base-delay: .05s;--i: 1;--font-mono: "Kantumruy Pro", monospace;--font-normal: "Share Tech Mono", "Kantumruy Pro", sans-serif;--font-display: "Orbitron", "Kantumruy Pro", monospace;--text-xs: .7rem;--text-sm: .75rem;--text-md: 1rem;--text-lg: 1.1rem;--text-xl: 1.2rem;--text-2xl: 1.5rem;--text-4xl: clamp(1.8rem, 3vw, 2.5rem);--text-h1: clamp(2rem, 2vw, 4rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--container-max: 1200px;--container-pad: 2rem;--grid-cols: 3;--grid-gap: 1.5rem;--clip-sm: 4px;--clip-md: 8px;--clip-lg: 12px;--clip-xl: 16px;--clip-2xl: 24px;--transparent: rgba(0, 0, 0, 0);--badge-alpha: .5}:root[data-theme=dark]{--bg: #020b12;--bg2: #04141f;--bg3: #071e2e;--white: #fff;--black: #000;--cyan: #00f5d4;--blue: #0077ff;--purple: #7b2fff;--gold: #f5a623;--red: #ff4d6d;--pink: #ff6b6b;--gray: #78909c;--text: #c8e6f0;--dim: #4a7a8a;--dim2: #2a4a5a;--border: rgba(0, 245, 212, .15);--border2: rgba(0, 245, 212, .07);--border-strong: rgba(0, 184, 158, .5);--glow: 0 0 20px rgba(0, 245, 212, .3);--glow-lg: 0 0 40px rgba(0, 245, 212, .2);--shadow: 0 4px 24px rgba(10, 31, 43, .1)}:root[data-theme=light]{--bg: #eef6fa;--bg2: #f8fcfe;--bg3: #ddeef5;--white: #fff;--black: #000;--cyan: #00b89e;--blue: #005fcc;--purple: #6020cc;--gold: #c47c00;--red: #cc2d47;--pink: #e84f4f;--gray: #546e7a;--text: #0a1f2b;--dim: #7aaabb;--dim2: #b8d4de;--border: rgba(0, 184, 158, .15);--border2: rgba(0, 184, 158, .07);--border-strong: rgba(0, 184, 158, .5);--glow: 0 0 20px rgba(0, 184, 158, .18);--glow-lg: 0 0 40px rgba(0, 184, 158, .12);--shadow: 0 4px 24px rgba(10, 31, 43, .08)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes orbitDot{to{transform:rotate(360deg)}}@keyframes ringSpin{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{50%{opacity:0}}@keyframes statusPulse{50%{opacity:.4}}@keyframes hexPulse{0%,to{opacity:.15}50%{opacity:.4}}@keyframes touchRipple{0%{transform:scale(1);opacity:1}40%{transform:scale(3.5);opacity:.6}70%{transform:scale(6);opacity:.25;box-shadow:0 0 24px var(--cyan),0 0 48px var(--cyan)}to{transform:scale(8);opacity:0}}@keyframes touchTrail{0%{transform:scale(1);opacity:.8}to{transform:scale(.2);opacity:0}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;cursor:none!important}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-normal);font-size:var(--text-md);line-height:1.6;overflow-x:hidden;cursor:none;transition:background var(--duration-base),color var(--duration-base)}body:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:9990}#root{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center}ol,ul{list-style:none}h2,h3,span{color:var(--text)}input,textarea,a{font-family:var(--font-normal)}*{text-decoration:none}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.35}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad)}section{position:relative;z-index:1}.grid{display:grid;grid-template-columns:repeat(var(--grid-cols),1fr);gap:var(--grid-gap)}.reveal{opacity:0;transform:translateY(30px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.reveal.visible{opacity:1;transform:none}.hidden{display:none}.invisible{opacity:0!important}.card{display:flex;flex-direction:column;overflow:hidden;position:relative;background:var(--bg2);border:1px solid var(--border);box-shadow:var(--shadow);clip-path:polygon(0 0,calc(100% - var(--clip-xl)) 0,100% var(--clip-xl),100% 100%,0 100%);transition-delay:calc(var(--base-delay) * var(--i));transition:border-color var(--duration-base),transform var(--duration-base),box-shadow var(--duration-base)}.badge{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:1px;text-transform:uppercase;color:var(--white);background:rgba(0,245,212,var(--badge-alpha));border:.1rem solid rgba(0,119,255,.25);border-radius:.2rem}.badge--format{position:absolute;top:var(--space-4);left:var(--space-4);z-index:5;padding:var(--space-1) var(--space-2)}.badge--category{padding:.15rem var(--space-2);color:var(--blue);background:#0077ff0d;border:1px solid rgba(0,119,255,.25)}.badge--primary{background:rgba(0,245,212,var(--badge-alpha));border:1px solid rgba(0,245,212,.4)}.badge--secondary{background:rgba(245,166,35,var(--badge-alpha));border:1px solid rgba(245,166,35,.35)}.badge--tertiary{background:rgba(255,50,50,var(--badge-alpha));border:1px solid rgba(255,50,50,.35)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.85rem 2rem;font-family:var(--font-mono);font-size:var(--text-md);text-transform:uppercase;text-wrap:nowrap;text-decoration:none;transition:all var(--duration-base)}.btn--primary{background:linear-gradient(90deg,var(--cyan),var(--blue));color:var(--bg);border:none;line-height:var(--text-md);clip-path:polygon(var(--clip-lg) 0%,100% 0%,calc(100% - var(--clip-lg)) 100%,0% 100%)}.btn--primary:hover{box-shadow:0 0 30px #00f5d466;transform:translateY(-2px)}.btn--secondary{background:transparent;color:var(--text);border:1px solid var(--border-strong);line-height:var(--text-md);clip-path:polygon(var(--clip-lg) 0%,100% 0%,calc(100% - var(--clip-lg)) 100%,0% 100%)}.btn--secondary:hover{border-color:var(--cyan);color:var(--cyan)}.loading-landing{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--bg);z-index:9999}.loading-landing .loading-spinner{display:inline-flex;align-items:center;justify-content:center;font-size:5rem;color:var(--cyan);line-height:normal;animation:spin 2s linear infinite}.loading-landing .loading-text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--dim);letter-spacing:2px;text-transform:uppercase}.cursor{display:flex;width:8px;height:8px;background:var(--cyan);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9999;box-shadow:0 0 10px var(--cyan),0 0 20px var(--cyan);transition:transform var(--duration-fast)}.cursor-ring{display:flex;width:28px;height:28px;border:1px solid rgba(0,245,212,.5);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9998;transition:all var(--duration-fast) ease}.touch-ripple{position:fixed;width:10px;height:10px;margin-left:-5px;margin-top:-5px;border-radius:50%;pointer-events:none;z-index:9999;background:var(--cyan);box-shadow:0 0 10px var(--cyan),0 0 24px var(--cyan);animation:touchRipple .65s cubic-bezier(.22,1,.36,1) forwards}.touch-trail{position:fixed;width:6px;height:6px;margin-left:-3px;margin-top:-3px;border-radius:50%;pointer-events:none;z-index:9998;background:#00f5d4b3;animation:touchTrail .45s ease-out forwards}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.2rem 0;background:var(--bg3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}nav .inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad);display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-display);font-weight:900;font-size:1.2rem;color:var(--cyan);text-decoration:none;letter-spacing:2px;text-shadow:var(--glow);display:flex;align-items:center;gap:var(--space-2)}.logo-hex{display:inline-flex;align-items:center;justify-content:center;font-size:2rem;color:var(--cyan);animation:spin 8s linear infinite}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links .nav-link{position:relative;color:var(--dim);padding:var(--space-2) 0;text-decoration:none;font-family:var(--font-mono);font-size:var(--text-md);text-transform:uppercase;transition:color var(--duration-base)}.nav-links .nav-link:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:1px;background:var(--cyan);transform:scaleX(0);transition:transform var(--duration-base)}.nav-links .nav-link:hover{color:var(--cyan)}.nav-links .nav-link:hover:after{transform:scaleX(1)}.nav-links .nav-link.active{color:var(--cyan)}.nav-cta{font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-2) 1.2rem;background:transparent;border:1px solid var(--cyan);color:var(--cyan);cursor:none;letter-spacing:2px;text-transform:uppercase;transition:all var(--duration-base);clip-path:polygon(var(--clip-sm) 0%,100% 0%,calc(100% - var(--clip-sm)) 100%,0% 100%)}.nav-cta:hover{background:var(--cyan);color:var(--bg);box-shadow:var(--glow)}.nav-cta-group{position:relative;display:flex;align-items:center;gap:var(--space-2)}.toggle{position:relative;width:1.5rem;height:1.5rem;cursor:pointer}.toggle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;line-height:normal;transition:content var(--duration-base)}.toggle.light:after{content:"☀";color:var(--gold)}.toggle.dark:after{content:"☽";color:var(--gray)}.lang-switcher{position:relative;font-family:var(--font-normal)}.lang-trigger{display:flex;align-items:center;gap:var(--space-2);padding:6px;background:transparent;color:var(--text);border:none;outline:none;font-size:11px;cursor:pointer;white-space:nowrap;transition:all var(--duration-fast)}.lang-trigger:hover,.lang-trigger:hover span,.lang-trigger.open{color:var(--cyan)}.lang-trigger svg{transition:transform var(--duration-fast)}.lang-trigger.open .chevron{transform:rotate(180deg)}.lang-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:190px;background:var(--bg);border:1px solid rgba(0,210,200,.3);z-index:100;animation:dropIn .18s ease forwards}.lang-dropdown .dropdown-header{padding:8px 14px 6px;font-size:var(--text-md);color:var(--text);border-bottom:1px solid rgba(0,210,200,.1)}.lang-option{display:flex;align-items:center;gap:10px;padding:9px 14px;cursor:pointer;border:none;border-bottom:1px solid rgba(0,210,200,.06);background:transparent;width:100%;text-align:left;transition:background var(--duration-fast)}.lang-option:last-child{border-bottom:none}.lang-option:hover{background:var(--bg3)}.lang-option.active{background:var(--bg3);color:var(--cyan)}.lang-option.active span{color:var(--cyan)}.lang-flag{font-size:15px;width:20px;text-align:center;line-height:1}.lang-info{flex:1;display:flex;flex-direction:column}.lang-name{font-size:12px;letter-spacing:.08em;color:var(--text)}.lang-native{font-size:10px;color:#00d2c880;margin-top:1px;letter-spacing:.05em}.lang-check{width:8px;height:8px;border-radius:50%;background:#00d2c8;flex-shrink:0}.hamburger{display:none;position:relative;z-index:510;width:2rem;height:2rem;background:transparent;border:none;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;flex-shrink:0;clip-path:polygon(var(--clip-sm) 0,100% 0,100% calc(100% - var(--clip-sm)),calc(100% - var(--clip-sm)) 100%,0 100%,0 var(--clip-sm));transition:border-color var(--duration-base),background var(--duration-base)}.hamburger:hover,.hamburger.active{color:var(--cyan)}.ham-line{width:18px;height:1.5px;background:var(--dim);border-radius:1px;transform-origin:center;transition:all .35s var(--ease-out)}.hamburger.active .ham-line{background:var(--cyan)}.hamburger.active .ham-line:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.hamburger.active .ham-line:nth-child(2){transform:scaleX(0);opacity:0}.hamburger.active .ham-line:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.site-nav{position:fixed;top:0;left:0;right:0;z-index:500;padding:1.1rem 0;background:#020b12e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);transition:border-color var(--duration-base)}.site-nav.menu-open{border-bottom-color:#00f5d44d}.nav-inner{max-width:var(--container-max);margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.mobile-sidebar{position:fixed;top:0;right:0;width:min(320px,88vw);height:100dvh;z-index:495;background:var(--bg2);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;clip-path:polygon(0 20px,20px 0,100% 0,100% 100%,20px 100%,0 calc(100% - 20px));transform:translate(100%);transition:transform .42s var(--ease-out)}.mobile-sidebar.open{transform:translate(0)}.sidebar-glow-bar{height:2px;background:linear-gradient(90deg,transparent,var(--cyan),var(--blue),transparent);position:absolute;top:0;left:0;right:0;opacity:0;transition:opacity .5s .3s}.mobile-sidebar.open .sidebar-glow-bar{opacity:1}.sidebar-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(0,245,212,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,212,.02) 1px,transparent 1px);background-size:24px 24px}.sidebar-head{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border2);position:relative;z-index:1;flex-shrink:0}.sidebar-head-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.sidebar-logo{font-family:var(--font-display);font-weight:900;font-size:var(--text-md);color:var(--cyan);letter-spacing:2px;text-shadow:var(--glow);display:flex;align-items:center;gap:var(--space-2)}.sidebar-close{width:32px;height:32px;background:#ff4d6d0f;border:1px solid rgba(255,77,109,.2);color:var(--dim);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;clip-path:polygon(var(--clip-sm) 0,100% 0,100% calc(100% - var(--clip-sm)),calc(100% - var(--clip-sm)) 100%,0 100%,0 var(--clip-sm));transition:all var(--duration-fast)}.sidebar-close:hover{background:#ff4d6d26;border-color:#ff4d6d80;color:var(--red)}.sidebar-profile{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:#00f5d408;border:1px solid var(--border2);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}.profile-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--blue));display:flex;align-items:center;justify-content:center;font-size:var(--text-md);border:1px solid rgba(0,245,212,.3);flex-shrink:0;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-name{font-family:var(--font-display);font-size:var(--text-md);font-weight:700;color:var(--text)}.profile-status{display:flex;align-items:center;gap:.75rem;margin-top:.15rem}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 6px var(--cyan);animation:statusPulse 2s ease-in-out infinite}.profile-role{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--dim);letter-spacing:1px;text-transform:uppercase}.sidebar-nav{flex:1;overflow-y:auto;padding:1.25rem 0;position:relative;z-index:1;scrollbar-color:var(--dim2) transparent}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--dim2);border-radius:2px}.nav-section-label{font-family:var(--font-mono);font-size:var(--text-md);color:var(--dim);text-transform:uppercase;padding:0 1.5rem;margin-bottom:var(--space-2)}.nav-item{display:flex;align-items:center;gap:.85rem;padding:.8rem 1.5rem;text-decoration:none;color:var(--dim);font-family:var(--font-mono);font-size:var(--text-md);text-transform:uppercase;position:relative;border-left:2px solid transparent;cursor:pointer;opacity:0;transform:translate(20px);transition:all .25s}.mobile-sidebar.open .nav-item{opacity:1;transform:translate(0)}.mobile-sidebar.open .nav-item:nth-child(1){transition-delay:.12s}.mobile-sidebar.open .nav-item:nth-child(2){transition-delay:.18s}.mobile-sidebar.open .nav-item:nth-child(3){transition-delay:.24s}.mobile-sidebar.open .nav-item:nth-child(4){transition-delay:.3s}.mobile-sidebar.open .nav-item:nth-child(5){transition-delay:.36s}.nav-item:hover{color:var(--text);background:#00f5d40a;border-left-color:#00f5d44d}.nav-item.active{color:var(--cyan);background:#00f5d40f;border-left-color:var(--cyan)}.nav-item.active .nav-item-icon{filter:drop-shadow(0 0 4px var(--cyan))}.nav-item-icon{font-size:var(--text-md);width:20px;flex-shrink:0;text-align:center}.nav-item-label{flex:1}.nav-item-tag{font-family:var(--font-mono);font-size:var(--text-md);color:var(--cyan);letter-spacing:1px}.nav-item:hover .nav-item-tag{color:var(--dim)}.nav-item.active .nav-item-tag{color:#00f5d466}.sidebar-divider{height:1px;background:var(--border2);margin:.75rem 1.5rem}.sidebar-footer{border-top:1px solid var(--border2);padding:1.25rem 1.5rem;position:relative;z-index:1;flex-shrink:0}.sidebar-cta{width:100%;transform:translateY(8px)}.mobile-sidebar.open .sidebar-cta{opacity:1;transform:translateY(0);transition:opacity var(--duration-base) .45s,transform var(--duration-base) .45s,box-shadow var(--duration-base)}.sidebar-cta:hover{box-shadow:var(--glow-lg)}.sidebar-socials{display:flex;align-items:center;justify-content:center;gap:.65rem;opacity:0;transition:opacity var(--duration-base) .52s}.mobile-sidebar.open .sidebar-socials{opacity:1}.social-pill{display:flex;align-items:center;gap:.4rem;padding:.3rem .75rem;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--dim);border:1px solid var(--border2);transition:all var(--duration-fast);clip-path:polygon(var(--clip-sm) 0,100% 0,calc(100% - var(--clip-sm)) 100%,0 100%)}.social-pill:hover{border-color:#00f5d44d;color:var(--cyan);background:#00f5d40d}.sidebar-block{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.85rem;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--dim);letter-spacing:1px}.block-dot{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 4px var(--cyan);animation:statusPulse 2s infinite}.nav-overlay{position:fixed;inset:0;z-index:490;background:#020b1299;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity var(--duration-base)}.nav-overlay.open{opacity:1;pointer-events:all}.section-header{text-align:center;margin-bottom:4rem}.section-tag{display:inline-block;font-family:var(--font-mono);font-size:.7rem;color:var(--cyan);letter-spacing:.25rem;text-transform:uppercase;margin-bottom:.75rem;padding:var(--space-1) var(--space-4);border:1px solid rgba(0,245,212,.2);background:#00f5d408}.section-header h2{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:var(--text)}.section-header h2 span{color:var(--cyan)}.section-see-more{text-align:center;margin-top:3rem}#hero{min-height:min(100vh,100vw * .75);max-height:900px;display:flex;align-items:center;padding:7rem 0 4rem}#hero .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.hero-label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--cyan);text-transform:uppercase;letter-spacing:.25rem;margin-bottom:var(--space-4);opacity:0;animation:fadeUp .8s .2s forwards}.hero-label span{color:var(--text)}#hero h1{font-family:var(--font-display);font-size:var(--text-h1);font-weight:900;line-height:1.1;margin-bottom:1.5rem;color:var(--text);opacity:0;animation:fadeUp .8s .4s forwards}#hero h1 .name{color:var(--text);line-height:1.5}#hero h1 .name span{display:inline-block}#hero h1 .accent{background:linear-gradient(90deg,var(--cyan),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:var(--text-lg);color:var(--text);margin-bottom:2.5rem;max-width:460px;opacity:0;animation:fadeUp .8s .6s forwards}.hero-btns{display:flex;gap:var(--space-4);flex-wrap:wrap;opacity:0;animation:fadeUp .8s .8s forwards}.hero-visual{display:flex;justify-content:center;align-items:center;opacity:0;animation:fadeIn var(--duration-xslow) .5s forwards}.avatar-wrap{position:relative;width:320px;height:320px;display:flex;align-items:center;justify-content:center}.avatar-ring{position:absolute;border-radius:50%;border:1px solid;animation:orbitSpin linear infinite}.avatar-ring:nth-child(1){width:100%;height:100%;border-color:#00f5d433;animation-duration:60s}.avatar-ring:nth-child(1):before{content:"";display:inline-block;position:absolute;top:0;left:50%;width:8px;height:8px;border-radius:50%;background-color:var(--gold);box-shadow:0 0 10px var(--gold);transform-origin:0 128px;animation:ringSpin 20s linear infinite}.avatar-ring:nth-child(2){width:80%;height:80%;border-color:#07f3;animation-duration:15s;animation-direction:reverse}.avatar-ring:nth-child(3){width:60%;height:60%;border-color:#7b2fff4d;animation-duration:10s}.orbit-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);top:-4px;left:50%;transform-origin:0 160px;animation:orbitDot 20s linear infinite}.orbit-dot:nth-child(5){background:var(--blue);box-shadow:0 0 10px var(--blue);transform-origin:0 128px;animation-duration:15s;animation-direction:reverse}.orbit-dot:nth-child(6){background:var(--purple);box-shadow:0 0 10px var(--purple);transform-origin:0 96px;animation-duration:10s}.avatar-core{position:relative;z-index:2;width:50%;height:50%;background:linear-gradient(135deg,var(--bg2) 0%,#0a2535 100%);border:2px solid rgba(0,245,212,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:3.5rem;box-shadow:0 0 40px #00f5d426,inset 0 0 40px #0077ff1a;overflow:hidden}.avatar-core img{width:100%;height:100%}.hero-stats{display:flex;gap:2rem;margin-top:var(--space-8);opacity:0;animation:fadeUp .8s 1s forwards}.stat{text-align:center}.stat-num{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--cyan)}.stat-label{font-family:var(--font-mono);font-size:var(--text-md);color:var(--text);letter-spacing:2px;text-transform:uppercase}.stat-divider{width:1px;background:var(--border)}#skills{padding:var(--space-24) 0}.skill-card{padding:2rem}.skill-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:0;transition:opacity var(--duration-base)}.skill-card:hover{border-color:#00f5d466;transform:translateY(-4px);box-shadow:0 8px 30px #00f5d414}.skill-card:hover:before{opacity:1}.skill-icon{font-size:2.2rem;margin-bottom:var(--space-4)}.skill-img{width:32px;height:32px;margin-bottom:32px;object-fit:contain;filter:drop-shadow(0 0 8px var(--cyan))}.skill-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--text);margin-bottom:var(--space-2)}.skill-desc{font-size:var(--text-xl);color:var(--text);margin-bottom:1.2rem;overflow-wrap:break-word}.skill-prof{display:flex;justify-content:center;align-items:center;gap:var(--space-1);margin-top:auto}.skill-bar-wrap{width:calc(90% - .15rem);background:#ffffff0d;height:3px;border-radius:2px;overflow:hidden}.skill-bar{height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue));border-radius:2px;width:0;transition:width 1.5s var(--ease-out);box-shadow:0 0 8px var(--cyan)}.skill-pct{width:calc(10% - .15rem);font-family:var(--font-mono);font-size:var(--text-md);color:var(--cyan);text-align:right}#projects{padding:var(--space-24) 0}.project-card{padding:0}.project-card:hover{border-color:#00f5d459;transform:translateY(-6px);box-shadow:0 12px 40px #0006}.project-thumb{height:160px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:3rem}.project-thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.85) saturate(1.1);transition:transform .5s ease}.project-thumb-bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--bg) 0%,#0a1628 100%)}.project-thumb-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,245,212,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,212,.05) 1px,transparent 1px);background-size:20px 20px}.project-thumb-icon{position:relative;z-index:1;font-size:3rem;filter:drop-shadow(0 0 12px currentColor);color:var(--project-icon-color, var(--cyan))}.project-body{padding:1.5rem}.project-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--text);margin-bottom:var(--space-2)}.project-desc{font-size:var(--text-xl);color:var(--text);margin-bottom:var(--space-4);line-height:1.5;overflow-wrap:break-word}.project-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:2rem}.project-links{display:flex;gap:.75rem;position:absolute;bottom:var(--space-4)}.project-link{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--cyan);text-transform:uppercase;transition:color var(--duration-fast);display:flex;align-items:center;gap:var(--space-1)}.project-link:hover{color:var(--cyan)}#blogs{padding:var(--space-24) 0}.blogs-filters{display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center;margin-bottom:3rem}.filter-btn{font-family:var(--font-normal);font-size:var(--text-xl);text-transform:uppercase;padding:.4rem 1.1rem;border:1px solid var(--border);background:transparent;color:var(--text);cursor:none;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);transition:all .25s}.filter-btn:hover,.filter-btn.active{border-color:var(--cyan);color:var(--cyan);background:#00f5d40d}.blog-card{padding:0}.blog-card:hover{border-color:#00f5d459;box-shadow:0 14px 45px #00000080}.blog-thumb{position:relative;overflow:hidden;height:190px;flex-shrink:0;background:#030e18;display:flex;align-items:center;justify-content:center}.blog-thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.85) saturate(1.1);transition:transform .5s ease}.blog-card:hover .blog-thumb img{transform:scale(1.06)}.video-overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:#00000059;transition:background var(--duration-base)}.blog-card:hover .video-overlay{background:#00000026}.play-btn{width:52px;height:52px;border-radius:50%;background:#00f5d426;border:2px solid var(--cyan);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 20px #00f5d44d;transition:all var(--duration-base)}.blog-card:hover .play-btn{background:#00f5d440;box-shadow:0 0 35px #00f5d480;transform:scale(1.1)}.play-btn svg{fill:var(--cyan);margin-left:4px}.blog-duration{position:absolute;bottom:.6rem;right:.6rem;z-index:3;font-family:var(--font-mono);font-size:var(--text-md);color:var(--white);background:#000000bf;padding:.15rem .45rem;border-radius:2px;letter-spacing:1px}.blog-body{padding:1.25rem 1.25rem 1.5rem;display:flex;flex-direction:column;flex:1}.blog-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.65rem}.blog-date{font-family:var(--font-mono);font-size:var(--text-md);color:var(--text);margin-left:auto}.blog-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--text);margin-bottom:var(--space-2);line-height:1.35;transition:color var(--duration-fast)}.blog-card:hover .blog-title{color:var(--cyan)}.blog-excerpt{font-size:var(--text-xl);color:var(--text);line-height:1.55;flex:1;margin-bottom:var(--space-4);overflow-wrap:break-word}.blog-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:.85rem}.blog-author{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-md);color:var(--text)}.blog-author-icon{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--blue));display:flex;align-items:center;justify-content:center;font-size:.65rem}.blog-author-name{color:var(--dim)}.blog-read{font-family:var(--font-mono);font-size:var(--text-md);color:var(--cyan);letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;gap:var(--space-1);transition:all var(--duration-fast)}.blog-read:hover{text-shadow:0 0 8px var(--cyan);letter-spacing:2px}.blog-card.hidden{display:none}.error-loading-post{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:.62rem;color:var(--gold)}.error-loading-post .error-icon{font-size:var(--text-xl);color:var(--gold)}.skel-card{background:var(--bg);border:1px solid var(--bg3);clip-path:polygon(0 0,calc(100% - var(--clip-xl)) 0,100% var(--clip-xl),100% 100%,0 100%)}.skel-thumb{width:100%;height:160px;position:relative;margin-bottom:var(--space-4);background:var(--bg2)}.skel-bdg{width:44px;height:18px;position:absolute;top:var(--space-4);left:var(--space-4)}.skel-body{padding:1.5rem}.skel-name{height:14px;width:65%;margin-bottom:.75rem}.skel-d1{height:10px;width:100%;margin-bottom:.4rem}.skel-d2{height:10px;width:78%;margin-bottom:1.25rem}.skel{background:linear-gradient(90deg,var(--bg3) 25%,rgba(0,245,212,.04) 50%,var(--bg3) 75%);background-size:200% 100%;animation:shimmer 1.9s linear infinite;border-radius:2px}#about{padding:var(--space-24) 0}#about .inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.about-terminal{background:#04141fe6;border:1px solid var(--border);font-family:var(--font-mono);clip-path:polygon(0 0,calc(100% - var(--clip-2xl)) 0,100% var(--clip-2xl),100% 100%,0 100%);overflow:hidden}.terminal-bar{background:#00f5d40d;border-bottom:1px solid var(--border);padding:.7rem var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.t-dot{width:8px;height:8px;border-radius:50%}.t-dot.r{background:#ff5f57}.t-dot.y{background:#febc2e}.t-dot.g{background:#28c840}.terminal-title{font-size:.65rem;color:var(--gold);margin-left:auto;letter-spacing:2px}.terminal-body{padding:1.5rem;font-size:var(--text-md);line-height:2}.t-line{display:flex;align-items:center}.t-prompt{color:var(--cyan)}.t-cmd{color:var(--white)}.t-output{color:var(--dim);padding-left:var(--space-4)}.t-highlight{color:var(--gold)}.t-string{color:#a8ff78}.t-cursor{display:inline-block;width:8px;height:var(--text-md);background:var(--cyan);animation:blink 1s infinite;vertical-align:middle}.about-content h3{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--text);margin-bottom:var(--space-4)}.about-content p{color:var(--text);margin-bottom:var(--space-4);font-size:var(--text-md)}.about-vals{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.val-item{display:flex;align-items:center;gap:.75rem}.val-icon{color:var(--cyan);font-size:.8rem}.val-text{font-size:.9rem;color:var(--text)}#contact{padding:var(--space-24) 0;min-height:min(100vh,100vw * .75)}#contact .inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16)}.contact-info h3{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text);margin-bottom:var(--space-4)}.contact-info p{color:var(--text);margin-bottom:2rem;font-size:var(--text-md)}.contact-items{display:flex;flex-direction:column;gap:var(--space-4)}.contact-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) 1.2rem;border:1px solid var(--border);background:var(--bg3);clip-path:polygon(var(--clip-sm) 0,100% 0,100% calc(100% - var(--clip-sm)),calc(100% - var(--clip-sm)) 100%,0 100%,0 var(--clip-sm))}.contact-item-icon{font-size:var(--text-xl);width:32px}.contact-item-label{font-family:var(--font-mono);font-size:var(--text-md);color:var(--text);text-transform:uppercase;letter-spacing:1px}.contact-item-val{font-size:var(--text-md);color:var(--cyan)}.contact-form{display:flex;flex-direction:column;gap:var(--space-4)}.contact-form h3{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text);margin-bottom:var(--space-4)}.contact-form p{font-size:var(--text-md)}.contact-form .ct-form-header{padding-bottom:var(--space-4)}.form-group{position:relative}.form-group label{display:block;font-family:var(--font-mono);font-size:var(--text-md);color:var(--cyan);text-transform:uppercase;margin-bottom:.4rem}.form-group label.error-msg{color:var(--gold);position:absolute;top:0;right:0;font-size:var(--text-sm);letter-spacing:1px;display:none}.form-group label.error-msg.visible{display:block}.form-group input,.form-group textarea{width:100%;background:var(--bg3);border:1px solid var(--border);color:var(--text);font-size:.95rem;padding:.75rem var(--space-4);outline:none;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);transition:border-color var(--duration-base)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--dim)}.form-group textarea{min-height:110px;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:#00f5d480;box-shadow:0 0 0 1px #00f5d41a}.form-submit.loading{pointer-events:none}.form-submit.success{background:linear-gradient(90deg,#00f5d4,#28c840)}.form-submit.error{background:linear-gradient(90deg,#ff4e50,#f9d423)}.form-submit:hover{box-shadow:0 0 30px #00f5d44d;transform:translateY(-2px)}#footer{position:relative;z-index:1;width:100%;border-top:1px solid var(--border);padding:2.5rem 0;background:var(--bg3)}#footer .inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad);display:flex;align-items:center;justify-content:space-between;gap:10px}.footer-logo{font-family:var(--font-display);font-weight:900;font-size:var(--text-md);color:var(--cyan);text-shadow:var(--glow)}.footer-copy,.footer-copy span{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--dim);letter-spacing:1px}.footer-socials{display:flex;gap:var(--space-4)}.social-btn{width:36px;height:36px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text);font-size:.8rem;clip-path:polygon(var(--clip-sm) 0,100% 0,100% calc(100% - var(--clip-sm)),calc(100% - var(--clip-sm)) 100%,0 100%,0 var(--clip-sm));transition:all var(--duration-base)}.social-btn:hover{border-color:var(--cyan);color:var(--cyan);background:#00f5d40d}@media(max-width:980px){.nav-links,.nav-cta{display:none}.hamburger{display:flex}}@media(min-width:980px){.mobile-sidebar,.nav-overlay{display:none}}@media(max-width:768px){:root{font-size:12px}#hero .container,#about .inner,#contact .inner{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.nav-links,.nav-cta,.hero-visual{display:none}#footer .inner{flex-direction:column}#footer .footer-copy{order:3}}@media(max-width:480px){.grid{grid-template-columns:1fr}.toggle{width:32px;height:16px}.toggle .thumb{width:14px;height:14px;top:1px;left:1px}.toggle input:checked~.thumb{transform:translate(16px)}}