@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;600&display=swap";:root{--font-main: "Inter", sans-serif;--font-heading: "Space Grotesk", sans-serif;--color-bg-dark: #02020a;--color-bg-light: #12122a;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .15);--color-accent-cyan: #00f2ff;--color-accent-purple: #bd00ff;--color-text: #ffffff;--color-text-muted: rgba(255, 255, 255, .5)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg-dark);background-image:radial-gradient(circle at 15% 50%,rgba(76,29,149,.15) 0%,transparent 50%),radial-gradient(circle at 85% 30%,rgba(0,242,255,.1) 0%,transparent 50%);color:var(--color-text);overflow-x:hidden;width:100vw;min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-top:1px solid var(--glass-highlight);box-shadow:0 4px 30px #0003}#root{width:100%;min-height:100vh;position:relative}button{font-family:var(--font-heading)}@media(hover:hover)and (pointer:fine){body,a,button,input,textarea,[role=button]{cursor:none}}@media(max-width:768px){body{font-size:14px}.hero-title{font-size:3rem!important}.hero-subtitle{font-size:1.5rem!important}.hero-description{font-size:1rem!important}.hero-card{padding:3rem 2rem!important;border-radius:24px!important}.hero-buttons{flex-direction:column!important;gap:1rem!important}.hero-buttons button,.hero-buttons a{width:100%!important;text-align:center!important}.works-title{font-size:2.5rem!important}.works-grid{grid-template-columns:1fr!important;gap:2rem!important}.terminal-container{height:400px!important;padding:1.5rem!important}.contact-card{padding:2rem!important}.audio-volume{display:none!important}.audio-player{right:1rem!important;bottom:1rem!important;padding:.6rem!important}.skill-tag{padding:8px 16px!important;font-size:.8rem!important}.custom-cursor{display:none!important}}@media(max-width:480px){body{font-size:13px}.hero-title{font-size:2.2rem!important;line-height:1.2!important}.hero-subtitle{font-size:1.2rem!important;margin-bottom:1rem!important}.hero-description{font-size:.9rem!important;margin-bottom:1.5rem!important}.hero-card{padding:2rem 1.5rem!important;margin:1rem!important;border-radius:20px!important}.hero-buttons button,.hero-buttons a{padding:12px 24px!important;font-size:.9rem!important}.social-links{gap:1rem!important;flex-wrap:wrap!important;justify-content:center!important}.social-link{font-size:.75rem!important}.works-section{padding:4rem 1rem!important}.works-title{font-size:2rem!important;margin-bottom:2rem!important}.works-grid{gap:1.5rem!important}.project-card{border-radius:16px!important}.project-image{height:180px!important}.project-content{padding:1.5rem!important}.project-title{font-size:1.2rem!important}.project-desc{font-size:.85rem!important;margin-bottom:1.5rem!important}.tech-tag{font-size:.7rem!important;padding:5px 10px!important}.terminal-section{padding:2rem 1rem!important}.terminal-container{height:350px!important;padding:1rem!important;border-radius:12px!important}.terminal-output{font-size:.85rem!important}.terminal-input{font-size:.9rem!important}.contact-section{padding:2rem 1rem!important}.contact-card{padding:1.5rem!important;border-radius:16px!important}.contact-title{font-size:1.5rem!important;margin-bottom:1.5rem!important}.contact-input{padding:.8rem!important;font-size:.9rem!important;border-radius:10px!important}.audio-player{right:.8rem!important;bottom:.8rem!important;padding:.5rem!important}.audio-button{width:36px!important;height:36px!important;font-size:1.2rem!important}.skills-container{gap:8px!important}.skill-tag{padding:6px 12px!important;font-size:.75rem!important}.skills-title{font-size:.8rem!important;letter-spacing:2px!important}}@media(hover:none)and (pointer:coarse){*{cursor:auto!important}.custom-cursor{display:none!important}}