:root{--bg-color:#07090e;--bg-accent:#0f1626;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--neon-blue:#0ea5e9;--neon-cyan:#22d3ee;--neon-emerald:#10b981;--glass-bg:#0f162666;--glass-border:#22d3ee26;--font-sans:"Inter", sans-serif;--font-mono:"Fira Code", monospace}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden}@media (hover:hover) and (pointer:fine){*,:before,:after{cursor:none!important}}.tech-grid-bg{z-index:-1;background-image:linear-gradient(#0ea5e90d 1px,#0000 1px),linear-gradient(90deg,#0ea5e90d 1px,#0000 1px);background-size:40px 40px;width:100vw;height:100vh;animation:20s linear infinite grid-move;position:fixed;top:0;left:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 80%);mask-image:radial-gradient(circle,#000 0%,#0000 80%)}@keyframes grid-move{0%{transform:translateY(0)}to{transform:translateY(40px)}}.bg-blob{filter:blur(100px);z-index:-2;opacity:.15;border-radius:50%;animation:20s ease-in-out infinite alternate blob-float;position:fixed}.blob-1{background:var(--neon-cyan);width:40vw;height:40vw;animation-delay:0s;top:-10%;left:-10%}.blob-2{background:var(--neon-blue);width:50vw;height:50vw;animation-delay:-5s;bottom:-10%;right:-10%}.blob-3{background:var(--neon-emerald);width:30vw;height:30vw;animation-delay:-10s;top:40%;left:60%}@keyframes blob-float{0%{transform:translate(0)scale(1)}50%{transform:translate(10%,10%)scale(1.1)}to{transform:translate(-5%,5%)scale(.9)}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:12px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 30px #0000001a}.glass-panel:before{content:"";background:radial-gradient(600px circle at var(--mouse-x,-500px) var(--mouse-y,-500px), #22d3ee1a, transparent 40%);z-index:-1;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.glass-panel:hover:before{opacity:1}.glass-panel:hover{border-color:#22d3ee66;box-shadow:0 0 20px #0ea5e926}.mono-text{font-family:var(--font-mono);color:var(--neon-cyan)}.section-title{background:linear-gradient(to right, var(--neon-cyan), var(--neon-emerald));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:2rem;font-size:2.5rem;font-weight:800;display:inline-block;position:relative}.section-title:after{content:"";background:var(--neon-blue);width:50%;height:3px;box-shadow:0 0 10px var(--neon-blue);border-radius:2px;position:absolute;bottom:-10px;left:0}.section-container{max-width:1200px;margin:0 auto;padding:6rem 2rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--neon-blue);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}.navbar{z-index:999;background:0 0;border:none;border-bottom:1px solid #0000;border-radius:0;width:100vw;position:fixed;top:0}.navbar.scrolled{border-bottom:1px solid var(--glass-border);background:#07090ed9}.navbar.glass-panel{overflow:visible!important}.navbar-content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex;padding:1.5rem 2rem!important}.logo{letter-spacing:2px;white-space:nowrap;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.desktop-menu{align-items:center;gap:1.25rem;display:flex}.nav-link{color:var(--text-primary);white-space:nowrap;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .3s;position:relative}.nav-link .index{margin-right:4px;font-size:.8rem}.btn-resume{color:var(--neon-cyan);font-family:var(--font-mono);margin-left:1rem;padding:.6rem 1.2rem;font-size:.9rem;text-decoration:none}.mobile-toggle{cursor:pointer;background:0 0;border:none;display:none}.mobile-menu{background:var(--bg-accent);z-index:1000;flex-direction:column;min-width:200px;padding:1rem;display:flex;position:absolute;top:80px;right:2rem;overflow:hidden}.mobile-link{color:var(--text-primary);border-bottom:1px solid var(--glass-border);padding:1rem;text-decoration:none}@media (width<=968px){.desktop-menu{display:none}.mobile-toggle{display:block}}.hero-section{align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative}.hero-container{grid-template-columns:3fr 2fr;align-items:center;gap:4rem;width:100%;display:grid}.greeting{margin-bottom:1rem;font-size:1.1rem}.hero-title{margin-bottom:1rem;font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1.1}.highlight{color:var(--neon-cyan);background:linear-gradient(to right, var(--neon-cyan), var(--neon-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600}.hero-desc{max-width:600px;color:var(--text-secondary);margin-bottom:3rem;padding:1.5rem;font-size:1.1rem}.hero-cta{align-items:center;gap:2rem;display:flex}.btn-primary{color:#fff;border-color:var(--neon-blue);background:#0ea5e933;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none}.btn-primary:hover{background:#0ea5e966}.btn-secondary{font-size:1.1rem;text-decoration:none;transition:color .3s}.btn-secondary:hover{color:var(--neon-cyan)}.hero-visual{justify-content:center;align-items:center;height:400px;display:flex;position:relative}.tech-sphere{background:radial-gradient(circle,#0ea5e91a 0%,#0000 70%);border-radius:50%;justify-content:center;align-items:center;width:300px;height:300px;display:flex;position:relative}.core{background:var(--neon-cyan);width:50px;height:50px;box-shadow:0 0 40px var(--neon-cyan), 0 0 80px var(--neon-blue);border-radius:50%}.pulse{animation:2s ease-in-out infinite alternate core-pulse}@keyframes core-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.2)}}.orbit{border:1px dashed #22d3ee4d;border-radius:50%;animation:linear infinite spin;position:absolute}.orbit-1{width:150px;height:150px;animation-duration:10s}.orbit-2{width:220px;height:220px;animation-duration:15s;animation-direction:reverse}.orbit-3{width:300px;height:300px;animation-duration:20s}.floating-icon{background:var(--bg-color);border-radius:50%;padding:4px;position:absolute;top:-12px;left:50%}@keyframes spin{to{transform:rotate(360deg)}}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.mouse{border:2px solid var(--text-secondary);border-radius:15px;width:30px;height:50px;position:relative}.mouse:before{content:"";background:var(--neon-cyan);border-radius:50%;width:6px;height:6px;animation:1.5s infinite scroll-drop;position:absolute;top:10px;left:50%;transform:translate(-50%)}@keyframes scroll-drop{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,20px)}}@media (width<=968px){.hero-container{grid-template-columns:1fr}.hero-visual{display:none}}.custom-cursor-dot{pointer-events:none;z-index:9999;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:fixed;top:0;left:0}.custom-cursor-ring{pointer-events:none;z-index:9998;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:fixed;top:0;left:0}@media (width<=768px){.custom-cursor-dot,.custom-cursor-ring{display:none}}.preloader-container{background-color:var(--bg-color);z-index:9999;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.preloader-terminal{width:90%;max-width:600px;font-family:var(--font-mono);color:var(--neon-cyan);flex-direction:column;gap:1rem;padding:2rem;font-size:1.1rem;display:flex}.terminal-line{align-items:center;display:flex}.terminal-line:before{content:">";color:var(--neon-emerald);margin-right:12px;font-weight:700}.terminal-cursor{background-color:var(--neon-cyan);width:10px;height:1.2em;margin-left:4px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.preloader-progress-container{background:var(--glass-border);border-radius:4px;width:100%;height:4px;margin-top:2rem;position:relative;overflow:hidden;box-shadow:0 0 10px #22d3ee1a}.preloader-progress-bar{background:linear-gradient(90deg, var(--neon-blue), var(--neon-cyan), var(--neon-emerald));width:0%;height:100%;box-shadow:0 0 15px var(--neon-cyan);transition:width .1s}