@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#0a0a0a;color:#fff;overflow-x:hidden;line-height:1.6}html{scroll-behavior:smooth}button{font-family:inherit}.app{background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0a0a0a);min-height:100vh;color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.logo{font-size:24px;font-weight:800;background:linear-gradient(135deg,#00d2ff,#8a2be2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 24px;border-radius:30px;cursor:pointer;transition:all .3s ease}.contact-btn:hover{background:#fff3;transform:scale(1.05)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:100px 0}.hero-content{max-width:800px}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:900;line-height:1.1;margin-bottom:30px}.hero-title span{display:block}.gradient-text{background:linear-gradient(135deg,#00d2ff,#8a2be2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.5rem);color:#ccc;margin-bottom:40px;line-height:1.6}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn-primary{background:linear-gradient(135deg,#00d2ff,#8a2be2);color:#fff;border:none;padding:16px 32px;border-radius:30px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:scale(1.05);box-shadow:0 0 30px #00d2ff80}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:16px 32px;border-radius:30px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#fff3;transform:scale(1.05)}.services,.featured-work,.contact{padding:80px 0}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;margin-bottom:20px}.section-header p{font-size:1.2rem;color:#ccc;max-width:600px;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.service-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px 30px;text-align:center;transition:all .3s ease}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000004d}.service-icon{font-size:3rem;margin-bottom:20px}.service-card h3{font-size:1.5rem;font-weight:700;margin-bottom:15px}.service-card p{color:#ccc;line-height:1.6}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.project-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;transition:all .3s ease}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000004d}.project-image{aspect-ratio:16/9;background:linear-gradient(135deg,#00d2ff33,#8a2be233);display:flex;align-items:center;justify-content:center;position:relative}.project-placeholder{text-align:center;z-index:2}.project-emoji{font-size:3rem;display:block;margin-bottom:10px}.project-number{color:#fff;font-weight:600}.project-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0003}.project-content{padding:25px}.project-content h3{font-size:1.3rem;font-weight:600;margin-bottom:10px}.project-content p{color:#ccc;line-height:1.6}.contact-content{text-align:center;max-width:700px;margin:0 auto}.contact-content h2{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;margin-bottom:20px}.contact-content p{font-size:1.2rem;color:#ccc;margin-bottom:40px;line-height:1.6}.footer{border-top:1px solid rgba(255,255,255,.1);padding:40px 0}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.copyright{color:#888}@media (max-width: 768px){.hero-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:300px}.services-grid,.projects-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;text-align:center}}