:root{--primary: #f8fafc;--primary-light: #1e293b;--secondary: #94a3b8;--cta: #0369a1;--cta-hover: #075985;--background: #020617;--text: #f8fafc;--text-muted: #94a3b8;--white: #ffffff;--glass-bg: rgba(15, 23, 42, .8);--glass-border: rgba(255, 255, 255, .1);--glass-blur: 12px;--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--font-heading: "Iceberg", sans-serif;--font-body: "Iceberg", sans-serif;--font-logo: "Iceberg", sans-serif;--font-form: "Open Sans", sans-serif;--container-max: 1200px;--section-padding: 100px 0}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text);background-color:var(--background);line-height:1.6;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,.logo-text{font-family:var(--font-heading);font-weight:700}a{text-decoration:none;color:inherit;transition:all .3s ease}ul{list-style:none}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);transition:all .3s ease}.navbar-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:12px;cursor:pointer}.logo-img{height:40px;width:auto;object-fit:contain;display:block;transition:transform .3s ease}.logo-text{font-size:24px;font-weight:700;font-family:var(--font-logo);color:var(--primary)}.logo:hover .logo-img{transform:scale(1.1)}.footer-logo{height:60px;margin-bottom:20px}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a:not(.btn){font-weight:500;color:var(--secondary)}.nav-links a:not(.btn):hover{color:var(--cta)}.menu-toggle{background:none;border:none;cursor:pointer;color:var(--primary);display:none;align-items:center;justify-content:center;padding:8px;border-radius:50%;transition:background .2s ease;z-index:1001}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--background);z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.mobile-menu.active{opacity:1;visibility:visible}.mobile-menu a{font-size:24px;font-weight:600;font-family:var(--font-heading)}.mobile-menu .btn-close{position:absolute;top:24px;right:24px;background:none;border:none;color:var(--primary);cursor:pointer}.btn{display:inline-block;padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background-color:var(--cta);color:var(--white)}.btn-primary:hover{background-color:var(--cta-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0369a14d}.btn-outline{background-color:transparent;border:2px solid var(--white);color:var(--white)}.btn-outline:hover{background-color:var(--white);color:var(--primary)}.btn-lg{padding:14px 32px;font-size:18px}.btn-block{width:100%}.hero{position:relative;height:100vh;display:flex;align-items:center;overflow:hidden;color:var(--white)}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.hero-image{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#0f172ae6,#0f172a66)}.hero-content{max-width:800px}.hero h1{font-size:clamp(36px,8vw,64px);line-height:1.1;margin-bottom:24px}.hero p{font-size:20px;margin-bottom:40px;color:#fffc}.cta-group{display:flex;gap:16px}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:42px;margin-bottom:16px;color:var(--primary)}.section-header p{color:var(--text-muted);font-size:18px;max-width:600px;margin:0 auto}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px;padding:40px;transition:transform .3s ease,box-shadow .3s ease}.glass-card:hover{transform:translateY(-8px);box-shadow:0 12px 48px #1f26871f}.services{padding:var(--section-padding)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.service-card{text-align:center}.icon-box{width:64px;height:64px;background:linear-gradient(135deg,var(--cta),var(--primary));color:var(--white);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.service-card h3{margin-bottom:16px;font-size:24px}.service-card p{color:var(--text-muted)}.portfolio{padding:var(--section-padding);background-color:var(--background)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px}.portfolio-item{background:var(--primary-light);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000004d}.portfolio-img-wrapper{height:200px;overflow:hidden}.portfolio-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--white)}.portfolio-placeholder i{width:48px;height:48px}.blue-gradient{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.purple-gradient{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.cyan-gradient{background:linear-gradient(135deg,#06b6d4,#0891b2)}.slate-gradient{background:linear-gradient(135deg,#475569,#1e293b)}.portfolio-info{padding:24px}.portfolio-info h4{margin-bottom:8px;font-size:20px}.portfolio-info p{color:var(--text-muted);font-size:14px}.cta-section{padding:var(--section-padding)}.cta-card{max-width:800px;margin:0 auto}.cta-card h2{text-align:center;margin-bottom:16px}.cta-card p{text-align:center;color:var(--text-muted);margin-bottom:32px}.contact-info{display:flex;justify-content:center;margin-bottom:32px}.email-link{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--cta)}.contact-form{display:grid;gap:16px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border-radius:8px;border:1px solid var(--glass-border);outline:none;font-family:var(--font-form);font-size:16px;background:var(--glass-bg);color:var(--text);transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--cta);box-shadow:0 0 0 3px #0369a11a}.footer{background-color:#010409;color:var(--white);padding:30px 0;border-top:1px solid var(--glass-border)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;margin-bottom:60px}.footer-brand p{color:#fff9}.footer h5{font-size:18px;margin-bottom:24px}.footer-links a,.footer-contact p{display:block;margin-bottom:12px;color:#fff9}.footer-links a:hover{color:var(--white)}.copyright{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;text-align:center;color:#fff6;font-size:14px}.fade-in{opacity:0;transform:translateY(20px);animation:fadeIn .8s ease forwards}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.nav-links{display:none}.menu-toggle{display:block}.hero-content{text-align:center}.cta-group{justify-content:center}.footer-content{grid-template-columns:1fr;gap:40px}}