@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Manrope:wght@300;400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #070d1f;--bg-low: #0c1326;--bg-container: #11192e;--bg-high: #171f36;--bg-highest: #1c253e;--bg-lowest: #000000;--primary: #8ff5ff;--primary-dim: #00deec;--secondary: #d575ff;--tertiary: #65afff;--on-surface: #dfe4fe;--on-muted: #a5aac2;--outline: #41475b;--on-primary-fixed: #003f43;--font-head: "Space Grotesk", sans-serif;--font-body: "Manrope", sans-serif}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg);color:var(--on-surface);font-family:var(--font-body);overflow-x:hidden;cursor:none}@media (max-width: 768px){body{cursor:auto}.cursor-dot,.cursor-ring{display:none!important}}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:99px}::selection{background:#8ff5ff33;color:var(--primary)}.cursor-dot{position:fixed;pointer-events:none;z-index:99999;width:8px;height:8px;border-radius:50%;background:var(--primary);transform:translate(-50%,-50%)}.cursor-ring{position:fixed;pointer-events:none;z-index:99998;width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(143,245,255,.4);transform:translate(-50%,-50%);transition:width .12s,height .12s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse-dot{0%,to{box-shadow:0 0 #8ff5ff80}50%{box-shadow:0 0 0 8px #8ff5ff00}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes particle-float{0%{transform:translate(0);opacity:.5}33%{transform:translate(18px,-22px);opacity:.8}66%{transform:translate(-14px,10px);opacity:.4}to{transform:translate(0);opacity:.5}}@keyframes scanline{0%{left:-40%}to{left:120%}}@keyframes barFill{0%{width:0}to{width:var(--w)}}.section{padding:112px 0}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section-tag{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--primary);font-family:var(--font-head)}.section-tag:before{content:"";width:22px;height:1px;background:var(--primary)}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:#0c1326b3;border:1px solid rgba(255,255,255,.05);border-radius:12px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:border-color .3s,transform .3s,box-shadow .3s}.glass-card:hover{border-color:#8ff5ff33;transform:translateY(-4px);box-shadow:0 20px 50px #8ff5ff0f}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--primary);color:var(--on-primary-fixed);font-family:var(--font-head);font-weight:700;font-size:14px;text-decoration:none;border:none;border-radius:99px;cursor:none;transition:transform .2s,opacity .2s;box-shadow:0 0 20px #8ff5ff47}.btn-primary:hover{transform:scale(1.05);opacity:.92}.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:11px 28px;background:transparent;color:var(--on-surface);font-family:var(--font-head);font-weight:600;font-size:14px;text-decoration:none;border:1px solid rgba(255,255,255,.1);border-radius:99px;cursor:none;transition:all .2s}.btn-outline:hover{background:#ffffff0d;border-color:#8ff5ff4d;transform:scale(1.04)}.mat-icon{font-family:Material Symbols Outlined;font-style:normal;font-size:20px;line-height:1;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.skill-bar-fill{height:1px;border-radius:99px;width:0;transition:width 1.2s cubic-bezier(.25,1,.5,1)}.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.hero-grid{background-image:linear-gradient(rgba(143,245,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(143,245,255,.04) 1px,transparent 1px);background-size:60px 60px}.nav-link.active{color:var(--primary);border-bottom:1.5px solid var(--primary);padding-bottom:2px}.proj-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#070d1fd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;gap:10px;opacity:0;transition:opacity .3s;border-radius:12px 12px 0 0;z-index:2}.proj-card:hover .proj-overlay{opacity:1}.proj-card:hover .proj-img{transform:scale(1.07)}.tl-line{background:linear-gradient(to bottom,var(--primary),var(--secondary),transparent);opacity:.25}.filter-tab{transition:all .2s;color:var(--on-muted)}.filter-tab.active{background:var(--primary);color:var(--on-primary-fixed);font-weight:700}.filter-tab:not(.active):hover{color:var(--on-surface)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;transition:padding .3s,background .3s}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:9998;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}.menu-overlay.open{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;right:0;height:100dvh;width:min(230px,85vw);background:#070d1f;border-left:1px solid rgba(143,245,255,.08);z-index:9999;transform:translate(100%);transition:transform .35s cubic-bezier(.77,0,.18,1);display:flex;flex-direction:column;align-items:stretch;padding:70px 16px 32px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.mobile-menu.open{transform:translate(0)}.mobile-menu a{color:var(--on-muted);text-decoration:none;font-size:15px;font-weight:500;padding:13px 16px;border-radius:10px;transition:color .2s,background .2s;white-space:nowrap}.mobile-menu a:hover,.mobile-menu a:active{color:var(--primary);background:#8ff5ff0f}@media (min-width: 769px){.menu-overlay,.mobile-menu{display:none!important}}@media (max-width: 768px){.section{padding:72px 0}.btn-primary,.btn-outline{cursor:auto}}