@font-face{font-family:Syne;font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/ab624315db63c58d-s.3tv8ju5p7udbb.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Syne;font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/e94b8ab81811a983-s.07tvg3tgusgux.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Syne;font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/0c795a286deabae8-s.p.3vm0tq4e-zz_5.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Syne Fallback;src:local(Arial);ascent-override:93.93%;descent-override:27.93%;line-gap-override:0.0%;size-adjust:98.47%}.syne_26a8e02-module__YlEBcq__className{font-family:Syne,Syne Fallback;font-style:normal}.syne_26a8e02-module__YlEBcq__variable{--font-head:"Syne", "Syne Fallback"}
@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/c3cb240f9c892514-s.3z_x6eowsw16y.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.2_mbdogr7ni8i.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.dm_sans_fa25cdfd-module__fB5nTW__className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.dm_sans_fa25cdfd-module__fB5nTW__variable{--font-body:"DM Sans", "DM Sans Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.2f7nqdagzwx2-.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.176arc174-8zp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.0bp8oijd_gu96.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.1fby2rem9ngyr.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.0vfdmo25voy_0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.3t6q91iet4nsy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_d5591ac2-module__D88TVW__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_d5591ac2-module__D88TVW__variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-1\/2{top:50%}.top-\[-50px\]{top:-50px}.top-\[10px\]{top:10px}.top-\[30px\]{top:30px}.top-\[35vh\]{top:35vh}.top-\[60px\]{top:60px}.top-\[90px\]{top:90px}.top-\[270px\]{top:270px}.top-\[290px\]{top:290px}.left-1\/2{left:50%}.left-\[-20px\]{left:-20px}.left-\[-40px\]{left:-40px}.left-\[50px\]{left:50px}.left-\[200px\]{left:200px}.left-\[250px\]{left:250px}.left-\[290px\]{left:290px}.left-\[350px\]{left:350px}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-\[280px\]{height:280px}.h-\[300px\]{height:300px}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-\[280px\]{width:280px}.w-\[300px\]{width:300px}.w-full{width:100%}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[1\.2\]{scale:1.2}.-rotate-45{rotate:-45deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.bg-transparent{background-color:#0000}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-left{text-align:left}.text-right{text-align:right}.text-\[0\.65em\]{font-size:.65em}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.whitespace-nowrap{white-space:nowrap}.text-inherit{color:inherit}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-15{opacity:.15}.opacity-100{opacity:1}.shadow-\[0_0_8px_rgba\(0\,212\,255\,0\.5\)\]{--tw-shadow:0 0 8px var(--tw-shadow-color,#00d4ff80);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_8px_rgba\(0\,212\,255\,0\.6\)\]{--tw-shadow:0 0 8px var(--tw-shadow-color,#00d4ff99);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur-\[2px\]{--tw-blur:blur(2px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\[border-color\,box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-1000{--tw-duration:1s;transition-duration:1s}.duration-\[800ms\]{--tw-duration:.8s;transition-duration:.8s}.ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\]{--tw-ease:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}.will-change-transform{will-change:transform}.select-none{-webkit-user-select:none;user-select:none}.\[stroke-dasharray\:12_63\]{stroke-dasharray:12 63}.\[stroke-dasharray\:20_300\]{stroke-dasharray:20 300}.\[stroke-dashoffset\:-32\.42px\]{stroke-dashoffset:-32.42px}@media (hover:hover){.hover\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}}#site-curtain{z-index:99999;background:#04040e;flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:fixed;inset:0}.site-curtain-spinner{width:160px;height:160px;position:relative}.sc-node{background:#00d4ff;border-radius:50%;width:12px;height:12px;animation:1.6s cubic-bezier(.68,-.55,.27,1.55) infinite sc-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #00d4ff,0 0 40px #00d4ff99}.sc-thread{transform-origin:50%;background:linear-gradient(90deg,#0000,#00d4ffcc,#0000);position:absolute;box-shadow:0 0 10px #00d4ff80}.sc-t1{width:100%;height:2px;animation:2s cubic-bezier(.45,0,.55,1) infinite sc-w1;top:30%;left:0}.sc-t2{background:linear-gradient(#0000,#00d4ffcc,#0000);width:2px;height:100%;animation:2.2s cubic-bezier(.68,-.55,.27,1.55) infinite sc-w2;top:0;left:70%}.sc-t3{width:100%;height:2px;animation:2.4s cubic-bezier(.23,1,.32,1) infinite sc-w3;bottom:30%;left:0}.sc-t4{background:linear-gradient(#0000,#00d4ffcc,#0000);width:2px;height:100%;animation:2.6s cubic-bezier(.36,0,.66,-.56) infinite sc-w4;top:0;left:30%}.site-curtain-text{letter-spacing:.15em;color:#00d4ffb3;font-family:monospace;font-size:.72rem;animation:1.4s ease-in-out infinite sc-blink}@keyframes sc-pulse{0%,to{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 20px #00d4ff,0 0 40px #00d4ff99}50%{transform:translate(-50%,-50%)scale(1.4);box-shadow:0 0 30px #00d4ff,0 0 60px #00d4ffcc}}@keyframes sc-w1{0%,to{opacity:.8;transform:translateY(0)rotateX(0)rotate(0)}50%{opacity:1;transform:translateY(40px)rotateX(60deg)rotate(20deg)}}@keyframes sc-w2{0%,to{opacity:.8;transform:translate(0)rotateY(0)rotate(0)}50%{opacity:1;transform:translate(-40px)rotateY(60deg)rotate(-20deg)}}@keyframes sc-w3{0%,to{opacity:.8;transform:translateY(0)rotateX(0)rotate(0)}50%{opacity:1;transform:translateY(-40px)rotateX(-60deg)rotate(15deg)}}@keyframes sc-w4{0%,to{opacity:.8;transform:translate(0)rotateY(0)rotate(0)}50%{opacity:1;transform:translate(40px)rotateY(-60deg)rotate(-15deg)}}@keyframes sc-blink{0%,to{opacity:.5}50%{opacity:1}}:root{--bg:#04040e;--bg2:#090916;--surface:#0e0e22;--surface2:#13132b;--card:#ffffff0b;--border:#ffffff14;--cyan:#00d4ff;--cyan2:#0ac;--indigo:#6366f1;--purple:#818cf8;--amber:#fbbf24;--text:#e8eaf6;--text-muted:#8892b0;--text-dim:#4a5568;--grad:linear-gradient(135deg, #00d4ff 0%, #6366f1 60%, #818cf8 100%);--grad2:linear-gradient(135deg, #6366f1 0%, #00d4ff 100%);--glow:0 0 30px #00d4ff40, 0 0 60px #6366f126;--glow-sm:0 0 12px #00d4ff4d;--radius:14px;--radius-lg:22px;--font-head:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--nav-h:72px;--trans:all .35s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);background:var(--bg);color:var(--text);overflow-wrap:break-word;-webkit-font-smoothing:antialiased;line-height:1.7;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--indigo);border-radius:99px}#cursor-dot,#cursor-ring{display:none}@media (pointer:fine){body{cursor:none}#cursor-dot{pointer-events:none;z-index:9999;background:var(--cyan);border-radius:50%;width:8px;height:8px;transition:width .15s,height .15s,background .15s;display:block;position:fixed;transform:translate(-50%,-50%)}#cursor-ring{pointer-events:none;z-index:9998;border:1.5px solid #00d4ff80;border-radius:50%;width:36px;height:36px;transition:width .35s,height .35s,border-color .35s;display:block;position:fixed;transform:translate(-50%,-50%)}#cursor-dot.cursor-hover{background:var(--indigo);width:16px;height:16px}#cursor-ring.cursor-hover{border-color:var(--indigo);width:54px;height:54px}}#page-loader{z-index:10000;background:var(--bg);justify-content:center;align-items:center;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}#page-loader.loader-done{opacity:0;visibility:hidden}.loader-ring{border:3px solid #00d4ff26;border-top-color:var(--cyan);border-radius:50%;width:52px;height:52px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mesh-bg{z-index:-20;pointer-events:none;background:radial-gradient(circle at 15%,#00d4ff14,#0000 45%),radial-gradient(circle at 85% 30%,#6366f114,#0000 45%),radial-gradient(circle at 50% 100%,#8a2be20f,#0000 50%);background-color:var(--bg);animation:15s ease-in-out infinite alternate nebula-breathe;position:fixed;inset:0}.mesh-bg:after{content:"";opacity:.35;background-image:radial-gradient(1.5px 1.5px at 20px 30px,#fff,#0000),radial-gradient(1.5px 1.5px at 40px 70px,#00d4ffcc,#0000),radial-gradient(2px 2px at 50px 160px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 90px 40px,#ffffffb3,#0000),radial-gradient(2px 2px at 130px 80px,#00d4ff99,#0000),radial-gradient(1.5px 1.5px at 160px 120px,#fff,#0000);background-repeat:repeat;background-size:200px 200px;animation:100s linear infinite stars-drift;position:absolute;inset:-50%}@keyframes nebula-breathe{0%{opacity:.8}to{opacity:1}}@keyframes stars-drift{0%{transform:translateY(0)}to{transform:translateY(-200px)}}@keyframes nav-drop-in{0%{opacity:0;top:-10px}to{opacity:1;top:14px}}#main-nav{z-index:1000;-webkit-backdrop-filter:blur(24px)saturate(180%);background:#04040e8c;border:1px solid #00d4ff1f;border-radius:9999px;align-items:center;width:calc(100% - 48px);max-width:1160px;height:58px;margin:0 auto;padding:0 20px;transition:background .35s,box-shadow .35s,border-color .35s,top .35s;animation:.55s cubic-bezier(.34,1.56,.64,1) both nav-drop-in;display:flex;position:fixed;top:14px;left:0;right:0;box-shadow:0 4px 24px #00000059,inset 0 0 0 1px #ffffff0a,inset 0 1px #ffffff0f}#main-nav.nav-scrolled{background:#04040ed1;border-color:#00d4ff38;top:10px;box-shadow:0 8px 40px #00000080,inset 0 0 0 1px #00d4ff14,0 0 24px #00d4ff0f}.nav-inner{justify-content:space-between;align-items:center;width:100%;display:flex}.nav-logo{align-items:center;gap:10px;display:flex}.nav-logo img{object-fit:contain;width:auto;height:34px}.nav-logo-text{font-family:var(--font-head);background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:700}.nav-links{align-items:center;gap:4px;display:flex}.nav-link{font-family:var(--font-head);color:var(--text-muted);letter-spacing:.02em;transition:var(--trans);white-space:nowrap;border-radius:99px;padding:6px 14px;font-size:.86rem;font-weight:500;position:relative}.nav-link:hover,.nav-link.active-link{color:var(--cyan);background:#00d4ff17}.nav-link.active-link:after{content:"";background:var(--cyan);width:4px;height:4px;box-shadow:0 0 6px var(--cyan);border-radius:50%;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.nav-cta{background:var(--grad);transition:var(--trans);border-radius:99px;padding:7px 20px;font-size:.84rem;font-weight:600;box-shadow:0 0 18px #00d4ff40;color:#fff!important;-webkit-text-fill-color:#fff!important}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 4px 28px #00d4ff66}#nav-toggle{cursor:pointer;background:0 0;flex-direction:column;align-items:flex-end;gap:6px;width:32px;padding:4px;display:none}#nav-toggle span{background:var(--text);border-radius:2px;height:2px;transition:all .4s cubic-bezier(.68,-.6,.32,1.6);display:block}#nav-toggle span:first-child{width:100%}#nav-toggle span:nth-child(2){width:70%}#nav-toggle span:nth-child(3){width:45%}#nav-toggle:hover span{background:var(--cyan);width:100%;box-shadow:0 0 10px #00d4ff80}#nav-toggle.toggle-active span:first-child{background:var(--cyan);width:100%;transform:translateY(8px)rotate(45deg);box-shadow:0 0 10px #00d4ff80}#nav-toggle.toggle-active span:nth-child(2){opacity:0;transform:translate(20px)}#nav-toggle.toggle-active span:nth-child(3){background:var(--cyan);width:100%;transform:translateY(-8px)rotate(-45deg);box-shadow:0 0 10px #00d4ff80}@keyframes nav-twinkle{0%,to{opacity:.4}50%{opacity:1}}#nav-overlay{z-index:998;opacity:0;pointer-events:none;background:radial-gradient(120% 50% at 50% 110%,#0050b459 0%,#0000 65%),radial-gradient(60% 30% at 15% 85%,#0096641a 0%,#0000 60%),linear-gradient(#02020c 0%,#04040e 60%,#060916 100%);transition:opacity .4s;display:block;position:fixed;inset:0;overflow:hidden}#nav-overlay:before{content:"";background:#fff;border-radius:50%;width:2px;height:2px;animation:3.5s ease-in-out infinite nav-twinkle;position:absolute;top:0;left:0;box-shadow:44px 62px #00d4ffe6,180px 22px #00d4ffb3,310px 95px #00d4ffcc,20px 40px #ffffffd9,75px 130px #ffffffb3,120px 55px #ffffffe6,155px 180px #fff9,200px 75px #fffc,240px 200px #ffffff80,275px 30px #ffffffbf,335px 145px #ffffffa6,360px 70px #ffffffe6,30px 220px #ffffff8c,90px 280px #ffffffb3,140px 310px #fff9,190px 250px #fffc,250px 330px #ffffff80,300px 280px #ffffffbf,350px 350px #fff9,10px 380px #fff6,60px 420px #ffffffa6,110px 460px #ffffff80,170px 400px #ffffffb3,220px 480px #ffffff8c,280px 440px #fff9,330px 500px #ffffff73,380px 420px #ffffffb3,50px 170px #b482ffb3,260px 140px #b482ff80,100px 100px #fff6,230px 320px #ffffff59,370px 230px #ffffff80,15px 300px #00d4ff80,290px 380px #00d4ff66,320px 200px #fff9,85px 340px #ffffff73,200px 360px #ffffff80,145px 240px #fff6}#nav-overlay-globe{opacity:0;pointer-events:none;width:420px;height:420px;transition:transform .9s cubic-bezier(.34,1.3,.64,1) .15s,opacity .7s .15s;position:absolute;bottom:-200px;left:50%;transform:translate(-50%)translateY(120px)}#nav-overlay.overlay-visible{opacity:1;pointer-events:auto}#nav-overlay.overlay-visible #nav-overlay-globe{opacity:.85;transform:translate(-50%)translateY(0)}.container{max-width:1180px;margin:0 auto;padding:0 5%}.section{padding:100px 0}.section-sm{padding:60px 0}.section-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--cyan);background:#00d4ff14;border:1px solid #00d4ff33;border-radius:99px;align-items:center;gap:8px;margin-bottom:20px;padding:5px 14px;font-size:.72rem;display:inline-flex}.section-label:before{content:"//";opacity:.6}.section-title{font-family:var(--font-head);color:var(--text);margin-bottom:16px;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.1}.section-title .grad-text{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-desc{color:var(--text-muted);max-width:560px;font-size:1.05rem}.grad-text{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);transform:perspective(800px)rotateX(6deg)translateY(40px)}.reveal.revealed{opacity:1;transform:perspective(800px)rotateX(0)translateY(0)}.reveal-delay-1{transition-delay:.1s!important}.reveal-delay-2{transition-delay:.2s!important}.reveal-delay-3{transition-delay:.3s!important}.reveal-delay-4{transition-delay:.4s!important}.reveal-delay-5{transition-delay:.5s!important}.glass,.glass-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px)}.glass:hover,.glass-card:hover{border-color:#00d4ff33}.tilt-card{transform-style:preserve-3d;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.tilt-shine{pointer-events:none;z-index:2;border-radius:inherit;position:absolute;inset:0}.btn{font-family:var(--font-head);letter-spacing:.02em;border-radius:99px;align-items:center;gap:8px;padding:13px 30px;font-size:.9rem;font-weight:600;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1),background .35s cubic-bezier(.4,0,.2,1),border-color .35s cubic-bezier(.4,0,.2,1),color .35s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(105deg,#0000 40%,#ffffff1f 50%,#0000 60%);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.btn:hover:after{transform:translate(100%)}.btn svg,.btn .btn-icon{transition:transform .35s cubic-bezier(.4,0,.2,1)}.btn:hover svg,.btn:hover .btn-icon{transform:translate(5px)}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 0 25px #00d4ff38}.btn-primary:hover{transform:translate(6px)scale(1.03);box-shadow:8px 4px 40px #00d4ff73,0 0 20px #6366f140}.btn-outline{border:1.5px solid var(--border);color:var(--text-muted);background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-outline:hover{border-color:var(--cyan);color:var(--cyan);background:#00d4ff0f;transform:translate(6px)scale(1.03);box-shadow:8px 4px 30px #00d4ff33}.btn-icon{font-size:1.1em}.page-hero{text-align:center;padding:170px 0 80px;position:relative}.page-hero-badge{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;background:#00d4ff14;border:1px solid #00d4ff40;border-radius:99px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 18px;font-size:.72rem;display:inline-flex}.page-hero-title{font-family:var(--font-head);margin-bottom:20px;font-size:clamp(2.4rem,5vw,4rem);font-weight:800;line-height:1.1}.page-hero-desc{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem}.hero-section{min-height:100vh;padding-top:calc(var(--nav-h) + 26px);align-items:center;display:flex;position:relative;overflow:hidden}#particle-canvas{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-content{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1180px;margin:0 auto;padding:0 5%;display:grid;position:relative}.hero-tag{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--cyan);background:#00d4ff12;border:1px solid #00d4ff33;border-radius:99px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:.72rem;display:inline-flex}.hero-tag-dot{background:var(--cyan);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.5)}}.hero-title{font-family:var(--font-head);margin-bottom:16px;font-size:clamp(2.4rem,4.5vw,4rem);font-weight:800;line-height:1.1}.hero-subtitle{color:var(--text-muted);min-height:2em;margin-bottom:10px;font-size:1.35rem;font-weight:300}.hero-typed{color:var(--cyan);font-weight:600}.hero-cursor{background:var(--cyan);vertical-align:middle;width:2px;height:1.1em;margin-left:2px;animation:.7s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-desc{color:var(--text-muted);max-width:460px;margin-bottom:36px;font-size:1rem;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.hero-stats{border-top:1px solid var(--border);gap:32px;margin-top:48px;padding-top:32px;display:flex}.stat-num{font-family:var(--font-head);background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.stat-label{color:var(--text-muted);margin-top:2px;font-size:.8rem}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.hero-avatar-wrap{width:340px;height:340px;position:relative}.hero-avatar-ring{border:1.5px solid #00d4ff40;border-radius:50%;animation:12s linear infinite rotate-ring;position:absolute;inset:-16px}.hero-avatar-ring:before{content:"";background:var(--cyan);width:10px;height:10px;box-shadow:0 0 12px var(--cyan);border-radius:50%;position:absolute;top:10px;left:50%;transform:translate(-50%)}@keyframes rotate-ring{to{transform:rotate(360deg)}}.hero-avatar-ring2{border:1px solid #6366f126;border-radius:50%;animation:22s linear infinite reverse rotate-ring;position:absolute;inset:-40px}.hero-avatar-img{object-fit:cover;object-position:top;z-index:2;border:3px solid #00d4ff40;border-radius:50%;width:340px;height:340px;position:relative;box-shadow:0 0 60px #00d4ff26,0 0 120px #6366f114}.shape-3d{pointer-events:none;z-index:1;animation:6s ease-in-out infinite float3d;position:absolute}.shape-cube{background:linear-gradient(135deg,#00d4ff1f,#6366f133);border:1px solid #00d4ff40;border-radius:8px;width:50px;height:50px;top:10%;left:0%;transform:rotate(20deg)}.shape-tri{filter:drop-shadow(0 0 8px #6366f166);background:0 0;border:25px solid #0000;border-top:none;border-bottom:44px solid #6366f133;width:0;height:0;animation-delay:1.5s;top:60%;right:0%}.shape-circle{border:2px solid #00d4ff33;border-radius:50%;width:70px;height:70px;animation-delay:3s;bottom:5%;left:5%}.shape-dot-grid{grid-template-columns:repeat(4,8px);gap:6px;display:grid;bottom:15%;right:3%}.shape-dot-grid span{background:#00d4ff4d;border-radius:50%;width:4px;height:4px;display:block}@keyframes float3d{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-18px)rotate(8deg)}66%{transform:translateY(-8px)rotate(-5deg)}}.services-grid{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:60px;display:grid}.service-card{padding:40px 32px;position:relative;overflow:hidden}.service-card:before{content:"";background:var(--grad);transform-origin:0;height:3px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.service-card:hover:before{transform:scaleX(1)}.service-icon{width:56px;height:56px;transition:var(--trans);background:#00d4ff14;border:1px solid #00d4ff26;border-radius:14px;justify-content:center;align-items:center;margin-bottom:22px;font-size:1.6rem;display:flex}.service-icon svg{width:28px;height:28px;stroke:var(--cyan);stroke-width:1.5px;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:var(--trans)}.service-card:hover .service-icon{box-shadow:var(--glow-sm);background:#00d4ff26;transform:translateY(-4px)rotate(5deg)}.service-card:hover .service-icon svg{stroke:#fff;transform:scale(1.1)}.service-title{font-family:var(--font-head);color:var(--text);margin-bottom:12px;font-size:1.15rem;font-weight:700}.service-desc{color:var(--text-muted);font-size:.92rem;line-height:1.7}.about-grid{grid-template-columns:1fr 1.4fr;align-items:center;gap:80px;display:grid}.about-img-wrap{position:relative}.about-img{border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;box-shadow:0 0 60px #00d4ff1a,0 30px 80px #0006}.about-img-badge{background:var(--grad);color:#fff;border-radius:var(--radius);font-family:var(--font-head);text-align:center;padding:16px 22px;font-weight:700;position:absolute;bottom:-20px;right:-20px;box-shadow:0 8px 30px #00d4ff40}.about-img-badge .badge-num{font-size:2rem;line-height:1}.about-img-badge .badge-label{opacity:.85;font-size:.72rem}.about-intro{color:var(--text-muted);margin-bottom:20px;font-size:1.05rem;line-height:1.8}.about-intro strong{color:var(--cyan);font-weight:600}.about-tags{flex-wrap:wrap;gap:10px;margin:28px 0;display:flex}.about-tag{font-family:var(--font-mono);background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);transition:var(--trans);border-radius:99px;align-items:center;gap:8px;padding:6px 14px;font-size:.78rem;display:inline-flex}.about-tag svg{width:14px;height:14px;stroke:var(--cyan);stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:var(--trans)}.about-tag:hover{border-color:var(--cyan);color:var(--cyan)}.about-tag:hover svg{stroke:#fff;transform:scale(1.1)}.about-links{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.social-btn{background:var(--surface2);border:1px solid var(--border);width:44px;height:44px;color:var(--text-muted);transition:var(--trans);border-radius:12px;justify-content:center;align-items:center;font-size:1.1rem;display:flex;overflow:hidden}.social-btn img{object-fit:contain;filter:grayscale()brightness(.8);width:22px;height:22px;transition:var(--trans)}.social-btn:hover{border-color:var(--cyan);color:var(--cyan);background:#00d4ff0f;transform:translateY(-5px)scale(1.08);box-shadow:0 0 15px #00d4ff4d,0 0 30px #00d4ff26,0 8px 20px #0000004d}.social-btn:hover img{filter:none;transform:scale(1.15)}.skills-layout{grid-template-columns:1fr 1fr;gap:60px;max-width:1000px;margin:40px auto 0;display:grid}.skills-column-title{font-family:var(--font-head);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:32px;padding-bottom:12px;font-size:.85rem;display:flex}.skills-column-title:before{content:"";background:var(--cyan);border-radius:50%;width:8px;height:8px}.skill-bar-group{margin-bottom:28px}.skill-bar-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.skill-bar-name{font-family:var(--font-head);font-size:.9rem;font-weight:600}.skill-bar-pct{font-family:var(--font-mono);color:var(--cyan);font-size:.78rem}.skill-bar-track{background:var(--surface2);border-radius:99px;height:6px;overflow:hidden}.skill-bar-fill{background:var(--grad);border-radius:99px;width:0%;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.cert-header{text-align:center;max-width:700px;margin-bottom:60px;margin-left:auto;margin-right:auto}.cert-header-title{font-family:var(--font-head);margin-bottom:16px;font-size:2.2rem;font-weight:800}.cert-header-desc{color:var(--text-muted);line-height:1.6}.certs-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:40px;display:grid}.cert-card{flex-direction:column;height:100%;padding:40px 32px;display:flex}.cert-img-wrap{aspect-ratio:1.6;border:1px solid var(--border);background:var(--surface2);border-radius:18px;width:100%;margin-bottom:24px;overflow:hidden}.cert-img-wrap img{object-fit:cover;width:100%;height:100%}.cert-svg-wrap{justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex}.cert-svg-wrap svg{width:100%;height:100%}.cert-title{font-family:var(--font-head);margin-bottom:6px;font-size:1.1rem;font-weight:700}.cert-issuer{color:var(--text-dim);font-size:.85rem;font-family:var(--font-mono);margin-bottom:12px}.cert-badge-pill{font-size:.7rem;font-family:var(--font-mono);border:1px solid var(--border);border-radius:99px;align-items:center;gap:6px;margin-top:10px;padding:4px 12px;display:inline-flex}.tools-grid{flex-wrap:wrap;gap:14px;margin-top:16px;display:flex}.tool-pill{font-size:.82rem;font-family:var(--font-mono);background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);transition:var(--trans);border-radius:99px;align-items:center;gap:7px;padding:8px 16px;display:flex}.tool-pill:hover{border-color:var(--indigo);color:var(--purple)}.timeline{padding-left:40px;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--cyan), var(--indigo), transparent);width:2px;position:absolute;top:0;bottom:0;left:13px}.timeline-item{margin-bottom:56px;position:relative}.timeline-dot{background:var(--bg);border:2px solid var(--cyan);width:16px;height:16px;transition:var(--trans);border-radius:50%;position:absolute;top:4px;left:-39px;box-shadow:0 0 12px #00d4ff66}.timeline-item:hover .timeline-dot{background:var(--cyan);box-shadow:0 0 20px #00d4ff99}.timeline-card{padding:32px 36px}.timeline-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.timeline-year{font-family:var(--font-mono);color:var(--cyan);background:#00d4ff14;border:1px solid #00d4ff33;border-radius:99px;padding:3px 12px;font-size:.72rem}.timeline-school{color:var(--text-muted);font-size:.82rem;font-style:italic}.timeline-title{font-family:var(--font-head);color:var(--text);margin-bottom:10px;font-size:1.3rem;font-weight:700}.timeline-desc{color:var(--text-muted);font-size:.95rem;line-height:1.75}.timeline-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.timeline-tag{font-size:.75rem;font-family:var(--font-mono);background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);border-radius:99px;padding:4px 12px}.result-table{border-collapse:collapse;width:100%;font-size:.83rem;font-family:var(--font-mono);margin-top:20px}.result-table th{text-align:left;color:var(--cyan);border-bottom:1px solid var(--border);background:#00d4ff0a;padding:8px 14px;font-weight:600}.result-table td{color:var(--text-muted);border-bottom:1px solid #ffffff0a;padding:8px 14px}.result-table tr:hover td{background:#00d4ff05}.table-wrap{border:1px solid var(--border);border-radius:12px;margin-top:20px;overflow-x:auto}.projects-grid{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:60px;display:grid}.project-card{flex-direction:column;padding:40px 32px;display:flex}.project-thumb{aspect-ratio:16/10;z-index:1;border:1px solid var(--border);background:var(--bg2);border-radius:18px;width:100%;margin-bottom:24px;position:relative;overflow:hidden}.project-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.project-svg-wrap{justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex}.project-svg-wrap svg{width:100%;height:100%}.project-card:hover .project-thumb img{transform:scale(1.08)}.project-info-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.project-brand-icon{background:var(--surface2);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;padding:8px;display:flex}.project-brand-icon svg,.project-brand-icon img{object-fit:contain;width:100%;height:100%}.project-links{gap:8px;display:flex}.project-link{background:var(--surface2);border:1px solid var(--border);width:42px;height:42px;color:var(--text-muted);transition:var(--trans);border-radius:10px;justify-content:center;align-items:center;display:flex}.project-link:hover{color:var(--cyan);border-color:var(--cyan);background:#00d4ff0f;transform:translateY(-3px)}.project-link svg{width:20px;height:20px}.project-content{flex:1}.project-title{font-family:var(--font-head);margin-bottom:10px;font-size:1.25rem;font-weight:700}.project-desc{color:var(--text-muted);margin-bottom:20px;font-size:.92rem;line-height:1.6}.project-tags{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.project-tag{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-muted);background:#ffffff08;border-radius:99px;padding:4px 12px;font-size:.7rem}.project-status{font-family:var(--font-mono);border-radius:99px;align-items:center;gap:6px;width:fit-content;margin-top:16px;padding:3px 12px;font-size:.68rem;display:inline-flex}.status-live{color:#10b981;background:#10b98114;border:1px solid #10b98133}.status-ongoing{color:#f59e0b;background:#f59e0b14;border:1px solid #f59e0b33}.project-card:hover{border-color:#00d4ff33;box-shadow:0 20px 40px #0000004d}.contact-layout{grid-template-columns:1fr 1.2fr;align-items:start;gap:60px;display:grid}.contact-info-title{font-family:var(--font-head);margin-bottom:12px;font-size:1.5rem;font-weight:700}.contact-info-desc{color:var(--text-muted);margin-bottom:36px;font-size:.95rem;line-height:1.75}.contact-items{flex-direction:column;gap:18px;margin-bottom:40px;display:flex}.contact-item{transition:var(--trans);align-items:center;gap:16px;padding:18px 22px;display:flex}.contact-item:hover{border-color:var(--cyan)}.contact-item-icon{width:46px;height:46px;transition:var(--trans);background:#00d4ff14;border:1px solid #00d4ff26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-item-icon svg{width:22px;height:22px;stroke:var(--cyan);stroke-width:1.5px;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:var(--trans)}.contact-item:hover .contact-item-icon{border-color:var(--cyan);background:#00d4ff1f;transform:scale(1.05)rotate(5deg);box-shadow:0 0 15px #00d4ff33}.contact-item:hover .contact-item-icon svg{stroke:#fff;transform:scale(1.1)}.contact-item-label{color:var(--text-dim);font-size:.75rem;font-family:var(--font-mono);margin-bottom:3px}.contact-item-value{font-size:.95rem;font-weight:500}.social-row{flex-wrap:wrap;gap:12px;display:flex}.contact-form-card{padding:40px}.form-group{margin-bottom:22px}.form-row{grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px;display:grid}.form-label{font-size:.8rem;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.06em;margin-bottom:8px;display:block}.form-input,.form-textarea{background:var(--surface2);border:1px solid var(--border);width:100%;color:var(--text);transition:var(--trans);resize:none;border-radius:10px;outline:none;padding:13px 18px;font-size:.9rem}.form-input:focus,.form-textarea:focus{border-color:var(--cyan);background:#00d4ff0a;box-shadow:0 0 0 3px #00d4ff14}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-dim)}.form-textarea{height:140px}.form-btn{background:var(--grad);color:#fff;width:100%;font-family:var(--font-head);letter-spacing:.02em;cursor:pointer;transition:var(--trans);border-radius:99px;padding:16px;font-size:1rem;font-weight:700;position:relative;overflow:hidden;box-shadow:0 0 25px #00d4ff38}.form-btn:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(105deg,#0000 40%,#ffffff26 50%,#0000 60%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.form-btn:hover:after{transform:translate(100%)}.form-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 40px #00d4ff61,0 0 20px #6366f133}.form-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.form-btn:disabled:after{display:none}#form-success{color:#34d399;text-align:center;background:#34d39914;border:1px solid #34d39940;border-radius:10px;margin-top:16px;padding:14px 20px;font-size:.9rem;display:none}footer{background:radial-gradient(circle at top, #00d4ff0a 0%, var(--bg2) 70%);border-top:1px solid #00d4ff1a;padding:80px 0 30px;position:relative;overflow:hidden;box-shadow:inset 0 20px 40px -20px #00d4ff0d}footer:before{content:"";background:linear-gradient(90deg, transparent, var(--cyan), var(--indigo), transparent);opacity:.6;height:1px;position:absolute;top:0;left:0;right:0}.footer-inner{grid-template-columns:1.5fr 1fr 1fr;gap:48px;max-width:1180px;margin:0 auto;padding:0 5%;display:grid}.footer-logo{height:42px;margin-bottom:16px}.footer-tagline{color:var(--text-muted);max-width:280px;font-size:.9rem;line-height:1.6}.footer-social{gap:10px;margin-top:24px;display:flex}.footer-col-title{font-family:var(--font-head);color:var(--text);letter-spacing:.04em;margin-bottom:20px;font-size:.9rem;font-weight:700}.footer-links{flex-direction:column;gap:10px;display:flex}.footer-link{color:var(--text-muted);transition:var(--trans);font-size:.88rem}.footer-link:hover{color:var(--cyan);padding-left:6px}.footer-bottom{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1180px;margin:40px auto 0;padding:24px 5% 0;display:flex}.footer-copy{color:var(--text-dim);font-size:.82rem}.footer-copy a{color:var(--cyan)}.footer-powered{font-family:var(--font-mono);color:var(--text-dim);font-size:.72rem}.glow-divider{background:linear-gradient(to right, transparent, var(--cyan), var(--indigo), transparent);opacity:.3;max-width:1180px;height:1px;margin:0 auto}.home-intro-section{padding:100px 0}.home-intro-grid{grid-template-columns:300px 1fr;align-items:center;gap:80px;display:grid}.home-intro-img-wrap{justify-content:center;display:flex;position:relative}.home-intro-img-glow{filter:blur(28px);z-index:0;background:radial-gradient(at 50% 40%,#00d4ff29 0%,#6366f11a 50%,#0000 75%);border-radius:32px;animation:4s ease-in-out infinite intro-glow-pulse;position:absolute;inset:-24px}@keyframes intro-glow-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.home-intro-img{z-index:1;object-fit:contain;object-position:top center;border:1px solid #00d4ff2e;border-radius:24px;width:100%;max-width:280px;height:auto;margin:0 auto;display:block;position:relative;box-shadow:0 0 0 6px #00d4ff0d,0 30px 80px #0009,0 0 50px #00d4ff1a}.home-intro-badge{z-index:2;font-size:.78rem;font-family:var(--font-mono);color:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04040ed9;border:1px solid #00d4ff4d;border-radius:99px;align-items:center;gap:8px;padding:7px 16px;display:inline-flex;position:absolute;bottom:10px;right:0;box-shadow:0 0 16px #00d4ff26}.badge-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite badge-pulse;box-shadow:0 0 8px #22c55e}@keyframes badge-pulse{0%,to{box-shadow:0 0 8px #22c55e}50%{box-shadow:0 0 16px #22c55e,0 0 6px #22c55e}}.home-intro-text{flex-direction:column;gap:0;display:flex}.home-intro-para{color:var(--text-muted);margin-bottom:16px;font-size:1.05rem;line-height:1.75}.home-intro-tags{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}@media (max-width:900px){.home-intro-grid{text-align:center;grid-template-columns:1fr;gap:48px}.home-intro-img-wrap{justify-content:center}.home-intro-img{max-width:220px}.home-intro-badge{bottom:-20px;right:50%;transform:translate(50%)}.home-intro-text{align-items:center}.home-intro-tags{justify-content:center}}.hero-title,.page-hero-title{text-shadow:0 1px #00d4ff26,0 2px 4px #0000004d,0 4px 8px #0003,0 8px 16px #00000026}.hero-title .grad-text,.page-hero-title .grad-text,.section-title .grad-text{animation:4s ease-in-out infinite textGlow}@keyframes textGlow{0%,to{filter:brightness()drop-shadow(0 0 #0000)}50%{filter:brightness(1.15)drop-shadow(0 0 20px #00d4ff40)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatRotate{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-6px)rotate(2deg)}75%{transform:translateY(-3px)rotate(-1.5deg)}}.hero-tag,.page-hero-badge{animation:3.5s ease-in-out infinite floatY}.about-img-badge{animation:4s ease-in-out infinite floatRotate}.section-label{animation:4s ease-in-out .5s infinite floatY}.stat-item{animation:3s ease-in-out infinite floatY}.stat-item:nth-child(2){animation-delay:.3s}.stat-item:nth-child(3){animation-delay:.6s}.services-grid,.projects-grid,.certs-grid{perspective:1000px}.tilt-card{will-change:transform;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1)}.tilt-card:hover{box-shadow:0 25px 50px #0006,0 0 30px #00d4ff14}.glass-card,.glass{background:linear-gradient(135deg,#ffffff0d 0%,#ffffff05 50%,#00d4ff08 100%);box-shadow:0 8px 32px #00000040,inset 0 1px #ffffff0f}.glass-card:hover,.glass:hover{background:linear-gradient(135deg,#ffffff0f 0%,#ffffff08 50%,#00d4ff0d 100%);box-shadow:0 16px 48px #00000059,inset 0 1px #ffffff14,0 0 20px #00d4ff0f}@media (pointer:fine){.glass-card,.glass,.tilt-card{--mouse-x:50%;--mouse-y:50%;position:relative}.glass-card:before,.glass:before{content:"";border-radius:inherit;background:radial-gradient(350px circle at var(--mouse-x) var(--mouse-y), #00d4ff14 0%, transparent 60%);opacity:0;pointer-events:none;z-index:1;transition:opacity .4s;position:absolute;inset:0}.glass-card:hover:before,.glass:hover:before{opacity:1}}.skill-bar-track{background:linear-gradient(90deg, var(--surface2), #6366f114);position:relative}.skill-bar-fill{position:relative;box-shadow:0 0 10px #00d4ff4d}.skill-bar-fill:after{content:"";background:var(--cyan);width:12px;height:12px;box-shadow:0 0 10px var(--cyan), 0 0 20px #00d4ff66;opacity:0;border-radius:50%;transition:opacity .5s 1.2s;animation:2s ease-in-out infinite barGlowPulse;position:absolute;top:50%;right:-3px;transform:translateY(-50%)}.skill-bar-fill[style*=width]:after{opacity:1}@keyframes barGlowPulse{0%,to{box-shadow:0 0 8px var(--cyan), 0 0 16px #00d4ff4d;transform:translateY(-50%)scale(1)}50%{box-shadow:0 0 14px var(--cyan), 0 0 28px #00d4ff80;transform:translateY(-50%)scale(1.3)}}@keyframes btnGlowPulse{0%,to{box-shadow:0 0 25px #00d4ff38}50%{box-shadow:0 0 35px #00d4ff59,0 0 60px #6366f126}}.btn-primary{animation:3s ease-in-out infinite btnGlowPulse}.btn-primary:hover{animation:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}@media (max-width:1024px){.projects-grid,.services-grid{grid-template-columns:1fr 1fr}.skills-layout{grid-template-columns:1fr;gap:40px}}@media (max-width:768px){:root{--nav-h:58px}.nav-links{display:none}#nav-toggle{display:flex}#main-nav{border-radius:9999px;width:calc(100% - 28px);padding:0 16px;top:12px}#main-nav.nav-scrolled{top:8px}#nav-menu{top:calc(var(--nav-h) + 18px);z-index:999;-webkit-backdrop-filter:none;box-shadow:none;opacity:0;pointer-events:none;background:0 0;border:none;border-radius:0;flex-direction:column;gap:16px;padding:8px 4px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .25s;display:flex;position:fixed;bottom:auto;left:14px;right:14px;transform:translateY(-10px)scale(.97)}#nav-menu.menu-open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}#nav-menu .nav-link{font-size:1.25rem;font-weight:600;font-family:var(--font-head);-webkit-backdrop-filter:none;backdrop-filter:none;color:#ffffffb3;letter-spacing:.03em;background:0 0;border:none;border-left:2px solid #0000;border-radius:0;padding:14px 8px;transition:color .2s,border-color .2s,padding-left .2s,text-shadow .2s;display:block}#nav-menu .nav-link:hover,#nav-menu .nav-link.active-link{color:#00d4ff;text-shadow:0 0 20px #00d4ff80;background:0 0;border-left-color:#00d4ff;padding-left:16px}#nav-menu .nav-cta{text-align:center;align-self:flex-start;margin-top:8px;font-weight:700;display:inline-block;box-shadow:0 0 24px #00d4ff59;background:var(--grad)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important;border:none!important;border-radius:99px!important;padding:14px 28px!important}#nav-menu .nav-cta:hover{transform:translateY(-2px);box-shadow:0 4px 30px #00d4ff80;background:var(--grad)!important;color:#fff!important;border-left-color:#0000!important;padding-left:28px!important}.hero-content{text-align:center;grid-template-columns:1fr;gap:48px}.hero-actions,.hero-stats{justify-content:center}.hero-desc{margin:0 auto 32px}.hero-tag{margin:0 auto 24px}.hero-avatar-wrap,.hero-avatar-img{width:260px;height:260px}.hero-visual{order:-1;margin-top:50px}.about-grid{grid-template-columns:1fr;gap:48px}.about-img-wrap{width:100%;max-width:320px;margin:0 auto;display:block}.about-text .mt-md{flex-direction:column;gap:16px;display:flex}.about-text .btn{justify-content:center;width:100%}.about-text .btn-outline{margin-left:0!important}.about-img-badge{bottom:10px;right:10px}.contact-layout,.form-row,.projects-grid,.services-grid,.cert-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;gap:32px}.footer-bottom{text-align:center;flex-direction:column}.timeline{padding-left:28px}.timeline:before{left:8px}.timeline-dot{left:-28px}.timeline-card{padding:24px 20px}}@media (max-width:480px){.hero-stats{gap:18px}.page-hero{padding:130px 0 60px}.section{padding:72px 0}.contact-form-card{padding:24px 20px}}.text-center{text-align:center}.mt-sm{margin-top:16px}.mt-md{margin-top:32px}.mt-lg{margin-top:56px}.mb-sm{margin-bottom:16px}.mb-md{margin-bottom:32px}.section-header{margin-bottom:56px}.section-header-center{text-align:center}.section-header-center .section-desc{margin:0 auto}.tech-stack-section{background:radial-gradient(circle,#00d4ff0d 0%,#0000 70%);padding:100px 0;position:relative;overflow:hidden}.tech-orb-wrapper{z-index:2;justify-content:center;align-items:center;margin:60px 0 80px;display:flex;position:relative}.tech-orb{background:var(--bg2);border:1px solid #00d4ff4d;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;animation:4s ease-in-out infinite orbPulse;display:flex;box-shadow:0 0 40px #00d4ff33,inset 0 0 20px #00d4ff1a}.tech-orb svg{width:60px;height:60px;stroke:var(--cyan);stroke-width:1.5px;filter:drop-shadow(0 0 10px var(--cyan))}@keyframes orbPulse{0%,to{transform:scale(1);box-shadow:0 0 40px #00d4ff33}50%{transform:scale(1.05);box-shadow:0 0 60px #00d4ff66}}.tech-marquee-container{z-index:2;flex-direction:column;gap:30px;display:flex;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.tech-marquee-track{gap:30px;width:max-content;animation:40s linear infinite marqueeScroll;display:flex}.tech-marquee-reverse{animation:40s linear infinite marqueeScrollReverse}.tech-marquee-track:hover{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 15px))}}@keyframes marqueeScrollReverse{0%{transform:translate(calc(-50% - 15px))}to{transform:translate(0)}}.tech-icon-card{background:var(--surface2);border:1px solid var(--border);width:70px;height:70px;transition:var(--trans);border-radius:16px;justify-content:center;align-items:center;display:flex;position:relative}.tech-icon-card img,.tech-icon-card svg{object-fit:contain;width:36px;height:36px;transition:var(--trans)}.tech-icon-card:hover{border-color:var(--cyan);background:#00d4ff0f;transform:translateY(-8px)scale(1.1);box-shadow:0 10px 30px #0000004d,0 0 20px #00d4ff26}.tech-icon-card:hover img,.tech-icon-card:hover svg{filter:none;opacity:1;transform:scale(1.15)}.code-bg-elements{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.code-symbol{font-family:var(--font-mono);color:var(--cyan);opacity:.1;font-size:1.5rem;font-weight:700;animation:15s linear infinite floatUp;position:absolute}@keyframes floatUp{0%{opacity:0;transform:translateY(110%)rotate(0)}10%{opacity:.15}90%{opacity:.15}to{opacity:0;transform:translateY(-10vh)rotate(360deg)}}@media (max-width:768px){.tech-orb{width:110px;height:110px}.tech-orb svg{width:44px;height:44px}.tech-icon-card{width:60px;height:60px}.tech-icon-card img,.tech-icon-card svg{width:28px;height:28px}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
