@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Inter:wght@400;700;900&display=swap";:root{--bg-color:#050508;--text-primary:#e0f2fe;--text-secondary:#7dd3fc;--accent-blue:#0284c7;--neon-blue:#38bdf8;--hologram-glow:0 0 20px #38bdf866, inset 0 0 15px #38bdf833;--grid-color:#38bdf80d}*{box-sizing:border-box;cursor:none;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-position:50%;background-size:50px 50px;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,.tech-font{text-transform:uppercase;font-family:Share Tech Mono,monospace}.container{max-width:1400px;margin:0 auto;padding:0 30px}.section-padding{padding:150px 0}.glass-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#050508b3;border-bottom:1px solid #38bdf833;width:100%;padding:20px 0;position:fixed;top:0;left:0}.nav-content{justify-content:space-between;align-items:center;display:flex}.nav-links{gap:40px;display:flex}.nav-links a{color:var(--text-primary);letter-spacing:2px;font-family:Share Tech Mono,monospace;font-size:.9rem;text-decoration:none;transition:color .3s,text-shadow .3s}.nav-links a:hover{color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue)}.holo-panel{box-shadow:var(--hologram-glow);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0284c70d;border:1px solid #38bdf84d;border-radius:8px;position:relative;overflow:hidden}.holo-panel:before{content:"";pointer-events:none;background:linear-gradient(#38bdf81a 0%,#0000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.btn-cyan{color:var(--neon-blue);border:1px solid var(--neon-blue);letter-spacing:2px;background:#38bdf81a;padding:15px 30px;font-family:Share Tech Mono,monospace;font-size:1rem;transition:all .2s;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #38bdf833,0 0 10px #38bdf833}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.btn-cyan:hover{background:var(--neon-blue);color:var(--bg-color);box-shadow:0 0 20px var(--neon-blue)}.holo-video{background:#000;border:1px solid #38bdf84d;transition:box-shadow .3s;box-shadow:0 0 20px #38bdf826,inset 0 0 10px #38bdf81a}.holo-video:hover{box-shadow:0 0 30px #38bdf866,inset 0 0 15px #38bdf833}.cyber-input{width:100%;color:var(--text-primary);background:#00000080;border:1px solid #38bdf84d;outline:none;margin-bottom:20px;padding:15px 20px;font-family:Share Tech Mono,monospace;transition:border-color .3s,box-shadow .3s}.cyber-input:focus{border-color:var(--neon-blue);box-shadow:inset 0 0 10px #38bdf833,0 0 10px #38bdf833}.cursor-dot{background:var(--neon-blue);pointer-events:none;z-index:99999;width:8px;height:8px;box-shadow:0 0 10px var(--neon-blue);border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-ring{border:1px solid var(--neon-blue);pointer-events:none;z-index:99998;border-radius:50%;width:40px;height:40px;transition:width .3s,height .3s,background .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}body.cursor-hover .cursor-dot{opacity:0}body.cursor-hover .cursor-ring{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#38bdf81a;width:70px;height:70px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.section-padding{padding:80px 0}.title-large{font-size:3.5rem!important}.container{padding:0 15px}.nav-links{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}.nav-links a{letter-spacing:0!important;padding:4px 8px!important;font-size:.7rem!important}.portfolio-card{aspect-ratio:9/20!important;width:min(220px,60vw)!important;height:auto!important}.portfolio-card span.tech-font{letter-spacing:-.5px;font-size:.6rem!important}#home .holo-video{opacity:1!important;width:80px!important;min-width:80px!important}}@media (pointer:coarse),(hover:none),(width<=1024px){.desktop-player{display:none!important}}@media (pointer:fine) and (hover:hover) and (width>=1025px){.mobile-player{display:none!important}}@media (pointer:coarse){.cursor-dot,.cursor-ring{display:none!important}*{cursor:auto!important}}