:root{--primary-purple:#8B5CF6;--accent-pink:#EC4899;--accent-orange:#F59E0B;--dark-gray:#2D2D2D;--light-gray:#F8F9FA}body{font-family:'Inter',sans-serif;line-height:1.6;scroll-behavior:smooth}.font-display{font-family:'Playfair Display',serif}.gradient-text{background:linear-gradient(135deg,var(--primary-purple),var(--accent-pink));-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.gradient-text-orange{background:linear-gradient(135deg,var(--accent-orange),var(--accent-pink));-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.floating-element{animation:float 6s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-bg{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 50%,#6366f1 100%);position:relative;overflow:hidden}.hero-bg::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="0.5" fill="%23ffffff" opacity="0.1"/><circle cx="30" cy="30" r="0.3" fill="%23ffffff" opacity="0.05"/><circle cx="70" cy="20" r="0.4" fill="%23ffffff" opacity="0.08"/><circle cx="90" cy="80" r="0.2" fill="%23ffffff" opacity="0.06"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.feature-card{background:rgb(255 255 255 / .05);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .1);transition:all 0.3s ease}.feature-card:hover{background:rgb(255 255 255 / .1);transform:translateY(-5px)}.contact-btn{transition:all 0.3s ease;position:relative;overflow:hidden}.contact-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .2),transparent);transition:left 0.5s}.contact-btn:hover::before{left:100%}.service-card{background:#fff;transition:all 0.3s ease;border:2px solid #fff0}.service-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px -12px rgb(0 0 0 / .25)}.service-card.featured{border-color:var(--primary-purple);background:linear-gradient(135deg,#f3e8ff 0%,#faf5ff 100%);transform:scale(1.02)}.portfolio-card{position:relative;overflow:hidden;background:#fff;border-radius:16px;transition:all 0.3s ease}.portfolio-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px -12px rgb(0 0 0 / .3)}.portfolio-card .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(139 92 246 / .9),rgb(236 72 153 / .9));opacity:0;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}.portfolio-card:hover .overlay{opacity:1}.process-step{position:relative;background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1);transition:all 0.3s ease}.process-step::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--primary-purple),var(--accent-pink));border-radius:18px;z-index:-1;opacity:0;transition:opacity 0.3s ease}.process-step:hover::before{opacity:1}.process-step:hover{transform:translateY(-5px)}.pricing-badge{background:linear-gradient(135deg,var(--accent-orange),var(--accent-pink));color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;position:absolute;top:-10px;right:20px}.creative-bg{background:linear-gradient(135deg,#fdf2f8 0%,#f3e8ff 50%,#fef3c7 100%)}.brand-colors{display:flex;gap:8px;margin-top:1rem}.brand-colors .color-dot{width:20px;height:20px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 4px rgb(0 0 0 / .1)}.testimonial-card{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border-left:4px solid var(--primary-purple)}.icon-float{animation:iconFloat 4s ease-in-out infinite}@keyframes iconFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(5deg)}}.cookie-banner{position:fixed;bottom:20px;left:20px;right:20px;background:rgb(17 24 39 / .95);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .1);border-radius:16px;padding:20px;z-index:1000;transform:translateY(100px);opacity:0;transition:all 0.3s ease;max-width:420px;margin:0 auto}@media (min-width:768px){.cookie-banner{bottom:30px;left:30px;right:auto;margin:0}}.cookie-banner.show{transform:translateY(0);opacity:1}.cookie-banner.hide{transform:translateY(100px);opacity:0}