@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-color: #08080a;--panel-color: rgba(20, 20, 25, .7);--text-main: #ffffff;--text-dim: rgba(255, 255, 255, .6);--primary: #00f2ff;--secondary: #2d79ff;--accent: #ff007a;--gradient: linear-gradient(135deg, var(--primary), var(--secondary), var(--accent));--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-color);color:var(--text-main);overflow-x:hidden;line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.blob{position:fixed;width:500px;height:500px;border-radius:50%;filter:blur(120px);z-index:-1;opacity:.15;animation:float 20s infinite alternate}.blob-1{background:var(--primary);top:-100px;right:-100px}.blob-2{background:var(--accent);bottom:-100px;left:-100px;animation-delay:-10s}@keyframes float{0%{transform:translate(0)}to{transform:translate(100px,100px)}}.grid-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;z-index:-1}.glass-panel{background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:24px}.btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:100px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 10px 30px #00f2ff33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 40px #00f2ff4d}.btn-outline{background:transparent;border-color:var(--glass-border);color:#fff}.btn-outline:hover{background:var(--glass);border-color:var(--primary)}.project-card{position:relative;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.project-card:hover{transform:translateY(-8px);border-color:#fff3;background:#ffffff0d}.project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient);opacity:0;z-index:-1;transition:opacity .4s ease}.gradient-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h1{font-size:4.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1.5rem;line-height:1.1}h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}footer{padding:4rem 0;text-align:center;color:var(--text-dim);font-size:.9rem}