@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Inter:wght@300;400;500;600&display=swap";:root{--bg-color:#050505;--surface-color:#111;--surface-border:#8a2be226;--text-primary:#ededed;--text-secondary:#888;--accent-color:#8a2be2;--accent-glow:#8a2be266;--glass-bg:#111111b3}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);cursor:none;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.brand{font-family:Outfit,sans-serif}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--surface-border)}.text-gradient{background:linear-gradient(135deg,#e0c3fc 0%,#8a2be2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}a{color:var(--text-primary);text-decoration:none;transition:color .3s}a:hover{color:var(--accent-color)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.glow-accent{box-shadow:0 0 20px var(--accent-glow)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.btn{cursor:none;border:none;border-radius:30px;justify-content:center;align-items:center;padding:.8rem 2rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{background:var(--accent-color);color:#fff;box-shadow:0 4px 15px var(--accent-glow)}.btn-primary:hover{background:#7a1fd1;transform:translateY(-2px);box-shadow:0 6px 20px #8a2be299}.btn-secondary{color:var(--text-primary);border:1px solid var(--surface-border);background:0 0}.btn-secondary:hover{background:var(--surface-color);border-color:var(--accent-color)}@media (width<=1024px){.project-card h3{font-size:1.2rem!important}}@media (width<=768px){body,.btn,a,.project-card,.btn-link{cursor:auto!important}.custom-cursor-ring,.custom-cursor-dot{display:none!important}.container{padding:0 1.5rem}section{padding:60px 0!important}#about{margin-top:2rem!important}header .container{flex-wrap:wrap;justify-content:center!important}.nav-contact-btn{display:none!important}header nav{margin-top:1rem;padding:.6rem 1.5rem!important}header nav ul{gap:1.5rem!important}#home{text-align:center;padding-top:120px!important}#home .container{align-items:center}.hero-buttons{flex-direction:column;width:100%;max-width:300px}.hero-buttons .btn{width:100%}#about>.container>div{gap:2rem!important}footer .container>div{flex-direction:column;justify-content:center;gap:1.5rem}}
