:root{--color-bg: #0a0a0f;--color-surface: rgba(20, 20, 25, .7);--color-text: #f5f5f5;--color-text-muted: #a0a0aa;--color-accent: #6b4cff;--color-accent-secondary: #00d2ff;--color-accent-glow: rgba(107, 76, 255, .5);--gradient-primary: linear-gradient(135deg, var(--color-accent), var(--color-accent-secondary));--font-primary: "Outfit", sans-serif;--font-secondary: "Playfair Display", serif;--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .37);--border-glass: 1px solid rgba(255, 255, 255, .05);--backdrop-blur: blur(12px);--max-width: 1280px;--section-padding: 120px 24px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{font-family:var(--font-primary);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}.container{max-width:var(--max-width);margin:0 auto;width:100%}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{display:inline-block;background:var(--gradient-primary);color:#fff;padding:12px 28px;border-radius:30px;text-decoration:none;font-weight:600;letter-spacing:.5px;transition:transform .3s ease,box-shadow .3s ease;border:none;cursor:pointer;box-shadow:0 4px 15px var(--color-accent-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--color-accent-glow)}.large-btn{padding:16px 40px;font-size:1.1rem}h1,h2,h3,h4{font-weight:800;line-height:1.2}.section-title{font-size:3.5rem;margin-bottom:2rem;font-family:var(--font-secondary)}.navbar{position:fixed;top:0;width:100%;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;z-index:100;background:#0a0a0f99;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-bottom:var(--border-glass);transition:padding .3s ease,background .3s ease}.navbar.scrolled{padding:15px 40px;background:#0a0a0fe6}.logo a{font-size:1.8rem;font-weight:800;color:#fff;text-decoration:none;letter-spacing:-.5px}.nav-links{list-style:none;display:flex;gap:2rem;align-items:center}.nav-links a{color:var(--color-text);text-decoration:none;font-weight:500;font-size:1rem;transition:color .3s ease}.nav-links a:hover{color:var(--color-accent-secondary)}.hero-section{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 24px;overflow:hidden}#webgl{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}.hero-content{position:relative;z-index:10;max-width:900px}.hero-title{font-size:clamp(3rem,8vw,6rem);margin-bottom:1.5rem;letter-spacing:-2px}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.5rem);color:var(--color-text);text-shadow:0 2px 10px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.5);font-weight:500;margin-bottom:3rem;max-width:600px;margin-inline:auto}section:not(.hero-section){padding:var(--section-padding)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:4rem}.service-card{background:var(--color-surface);border:var(--border-glass);padding:2.5rem;border-radius:20px;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);transition:transform .4s ease,background .4s ease;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-primary);opacity:0;transition:opacity .4s ease;z-index:0}.service-card:hover{transform:translateY(-10px)}.service-card:hover:before{opacity:.1}.service-card *{position:relative;z-index:1}.service-icon{font-size:3rem;margin-bottom:1.5rem}.service-card h3{font-size:1.5rem;margin-bottom:1rem}.service-card p{color:var(--color-text-muted)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;margin-top:4rem}.project-card{background:var(--color-surface);border:var(--border-glass);border-radius:24px;overflow:hidden;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);transition:transform .4s ease,box-shadow .4s ease;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0006,0 0 20px var(--color-accent-glow)}.project-img-wrapper{width:100%;height:220px;overflow:hidden;position:relative}.project-placeholder{width:100%;height:100%;transition:transform .5s ease}.gradient-1{background:linear-gradient(135deg,#ff6b6b,#ff8e53)}.gradient-2{background:linear-gradient(135deg,#4facfe,#00f2fe)}.gradient-3{background:linear-gradient(135deg,#a18cd1,#fbc2eb)}.gradient-4{background:linear-gradient(135deg,#f6d365,#fda085)}.project-card:hover .project-placeholder{transform:scale(1.1)}.project-content{padding:2rem;display:flex;flex-direction:column;flex-grow:1}.project-category{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-accent-secondary);margin-bottom:.5rem;font-weight:600}.project-card h3{font-size:1.5rem;margin-bottom:1rem}.project-card p{color:var(--color-text-muted);margin-bottom:1.5rem;flex-grow:1}.project-link{color:var(--color-text);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;transition:color .3s ease;margin-top:auto}.project-link:hover{color:var(--color-accent)}.container-split{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.lead{font-size:1.5rem;font-weight:300;margin-bottom:1.5rem;color:var(--color-accent-secondary)}.about-text p{margin-bottom:1.5rem;font-size:1.1rem;color:var(--color-text-muted)}.image-wrapper{position:relative;width:100%;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #0006}.about-img{width:100%;height:auto;display:block;border-radius:20px;position:relative;z-index:2;transition:transform .5s ease}.image-glow{position:absolute;inset:-10%;background:var(--gradient-primary);filter:blur(40px);opacity:.3;z-index:1;transition:opacity .5s ease}.image-wrapper:hover .about-img{transform:scale(1.05)}.image-wrapper:hover .image-glow{opacity:.5}.contact-wrapper{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;background:var(--color-surface);border:var(--border-glass);border-radius:30px;padding:4rem;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.contact-details{margin-top:2rem;display:flex;flex-direction:column;gap:1.5rem}.detail-item strong{display:block;font-size:1.1rem;margin-bottom:.25rem;color:var(--color-accent-secondary)}.detail-item a{color:var(--color-text);text-decoration:none;transition:color .3s ease}.detail-item a:hover{color:var(--color-accent)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input,.form-group textarea{width:100%;padding:1rem 1.5rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-family:inherit;font-size:1rem;transition:border-color .3s ease,background .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent);background:#00000080}.submit-btn{align-self:flex-start;padding:16px 40px}footer{text-align:center;padding:3rem 24px;border-top:var(--border-glass);background:#050508}.footer-brand{font-size:1.5rem;font-weight:800;margin-bottom:1rem}footer p{color:var(--color-text-muted)}@media(max-width:900px){.container-split,.contact-wrapper{grid-template-columns:1fr}.contact-wrapper{padding:2rem}.nav-links{display:none}.section-title{font-size:2.5rem}}