:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--accent-400: #22d3ee;--accent-500: #06b6d4;--accent-600: #0891b2;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--purple-400: #c084fc;--purple-500: #a855f7;--purple-600: #9333ea;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: rgba(30, 41, 59, .7);--bg-card-hover: rgba(30, 41, 59, .9);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-muted: #64748b;--border-color: rgba(148, 163, 184, .2);--border-hover: rgba(148, 163, 184, .3);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 8px 10px -6px rgba(0, 0, 0, .6);--shadow-glow: 0 0 40px rgba(59, 130, 246, .3);--shadow-glow-accent: 0 0 40px rgba(34, 211, 238, .3);--shadow-glow-success: 0 0 40px rgba(34, 197, 94, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--container-max: 1280px;--header-height: 80px;--top-bar-height: 40px}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-tertiary: #e2e8f0;--bg-card: rgba(255, 255, 255, .9);--bg-card-hover: rgba(255, 255, 255, 1);--text-primary: #0f172a;--text-secondary: #334155;--text-tertiary: #64748b;--text-muted: #94a3b8;--border-color: rgba(148, 163, 184, .3);--border-hover: rgba(148, 163, 184, .5);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .15), 0 8px 10px -6px rgba(0, 0, 0, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:Cairo,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(59,130,246,.15),transparent),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(168,85,247,.1),transparent),radial-gradient(ellipse 50% 30% at 60% 80%,rgba(34,211,238,.1),transparent),radial-gradient(ellipse 40% 60% at 10% 90%,rgba(34,197,94,.08),transparent);pointer-events:none;z-index:-1;animation:gradientShift 20s ease-in-out infinite}@keyframes gradientShift{0%,to{opacity:1}50%{opacity:.8}}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-primary)}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}h4{font-size:clamp(1.1rem,2.5vw,1.4rem)}p{color:var(--text-secondary)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 1rem}@media (min-width: 640px){.container{padding:0 1.5rem}}@media (min-width: 1024px){.container{padding:0 2rem}}.top-bar{background:linear-gradient(90deg,var(--primary-600),var(--purple-600));color:#fff;padding:.5rem 0;font-size:.875rem;position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--top-bar-height)}.top-bar-content{display:flex;align-items:center;justify-content:space-between;gap:1rem}.top-bar-phone{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#fff}.top-bar-phone:hover{opacity:.9}.top-bar-text{display:none}@media (min-width: 640px){.top-bar-text{display:inline}}.header{position:fixed;top:var(--top-bar-height);left:0;right:0;z-index:999;height:var(--header-height);background:#0f172acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);transition:all var(--transition-base)}[data-theme=light] .header{background:#f8fafce6}.header-scrolled{background:#0f172af2;box-shadow:var(--shadow-lg)}.header-content{display:flex;align-items:center;justify-content:space-between;height:100%}.logo{display:flex;align-items:center;gap:.75rem}.logo-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary-500),var(--purple-500));display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #3b82f666}.logo-icon svg{width:28px;height:28px;color:#fff}.logo-text{display:flex;flex-direction:column}.logo-title{font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,var(--primary-400),var(--accent-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-subtitle{font-size:.75rem;color:var(--text-tertiary);font-weight:500}.nav{display:none}@media (min-width: 1024px){.nav{display:flex;align-items:center;gap:.5rem}}.nav-link{padding:.5rem 1rem;border-radius:var(--radius-full);font-weight:600;font-size:.9375rem;color:var(--text-secondary);transition:all var(--transition-fast);position:relative}.nav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-link.active{color:var(--primary-400);background:#3b82f61a}.nav-cta{background:linear-gradient(135deg,var(--primary-600),var(--purple-600));color:#fff!important;padding:.625rem 1.25rem;box-shadow:0 4px 15px #3b82f666}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.mobile-menu-btn:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}@media (min-width: 1024px){.mobile-menu-btn{display:none}}.mobile-menu{position:fixed;top:calc(var(--top-bar-height) + var(--header-height));left:0;right:0;bottom:0;background:var(--bg-primary);z-index:998;padding:1.5rem;transform:translate(100%);transition:transform var(--transition-base);overflow-y:auto}.mobile-menu.open{transform:translate(0)}.mobile-nav-link{display:block;padding:1rem;font-size:1.125rem;font-weight:600;color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);margin-bottom:.5rem}.mobile-nav-link:hover,.mobile-nav-link.active{background:var(--bg-tertiary);color:var(--text-primary)}.mobile-nav-cta{background:linear-gradient(135deg,var(--primary-600),var(--purple-600));color:#fff!important;text-align:center;margin-top:1rem}.theme-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle:hover{background:var(--bg-card-hover);color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-full);font-weight:600;font-size:.9375rem;border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary-600),var(--purple-600));color:#fff;box-shadow:0 4px 15px #3b82f666}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-hover)}.btn-accent{background:linear-gradient(135deg,var(--accent-500),var(--primary-500));color:#fff;box-shadow:0 4px 15px #06b6d466}.btn-accent:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #06b6d480}.btn-success{background:linear-gradient(135deg,var(--success-500),var(--success-600));color:#fff;box-shadow:0 4px 15px #22c55e66}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #22c55e80}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.btn-lg{padding:1rem 2rem;font-size:1rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.5rem;transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-featured{background:linear-gradient(135deg,#3b82f61a,#a855f71a);border-color:#3b82f64d}.card-featured:hover{border-color:#3b82f680;box-shadow:var(--shadow-glow)}.package-card{position:relative;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.5rem;transition:all var(--transition-base);cursor:pointer;overflow:hidden}.package-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--purple-500),var(--accent-500));transform:scaleX(0);transition:transform var(--transition-base)}.package-card:hover:before,.package-card.active:before{transform:scaleX(1)}.package-card:hover,.package-card.active{background:var(--bg-card-hover);border-color:var(--primary-500);transform:translateY(-8px);box-shadow:var(--shadow-glow)}.package-badge{position:absolute;top:1rem;left:1rem;padding:.375rem .75rem;background:linear-gradient(135deg,var(--success-500),var(--success-600));color:#fff;font-size:.75rem;font-weight:700;border-radius:var(--radius-full)}.package-provider{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:1rem}.package-name{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.package-speed{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#3b82f633,#a855f733);border-radius:var(--radius-full);font-size:.9375rem;font-weight:700;color:var(--primary-400);margin-bottom:1rem}.package-price{font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--primary-400),var(--accent-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.package-price span{font-size:.875rem;font-weight:500;color:var(--text-tertiary);-webkit-text-fill-color:var(--text-tertiary)}.package-features{list-style:none;margin:1rem 0}.package-features li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--text-secondary);font-size:.9375rem}.package-features li svg{width:18px;height:18px;color:var(--success-500);flex-shrink:0}.package-offer-badge{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;gap:.35rem;padding:.375rem .75rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.75rem;font-weight:700;border-radius:var(--radius-full);max-width:55%;text-align:center;line-height:1.3}.package-discount{font-size:.875rem;color:var(--success-400);margin-bottom:.35rem;font-weight:600}.package-extra-offer{font-size:.8125rem;color:var(--accent-400);margin-bottom:.5rem;font-weight:600}.package-offer-price{margin-left:.35rem}.package-regular-price{display:inline-block;margin-left:.5rem;font-size:1rem;font-weight:600;color:var(--text-muted);text-decoration:line-through;-webkit-text-fill-color:var(--text-muted)}.salam-offers-banner,.live-offers-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 1.25rem;margin-bottom:1rem;border-radius:var(--radius-lg);border:1px solid rgba(34,197,94,.35);background:linear-gradient(135deg,#22c55e1f,#16a34a14)}.live-offers-banner--stc{border-color:#5b7cfa59;background:linear-gradient(135deg,#5b7cfa24,#8b5cf614)}.live-offers-banner--salam{border-color:#22c55e59;background:linear-gradient(135deg,#22c55e1f,#16a34a14)}.salam-offers-banner-title,.live-offers-banner-title{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--success-400);margin-bottom:.25rem}.live-offers-banner--stc .live-offers-banner-title{color:var(--primary-400)}.salam-offers-banner-text,.live-offers-banner-text{color:var(--text-secondary);font-size:.9375rem}.salam-offers-refresh .spin,.live-offers-refresh .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.speed-test-card{padding:2.5rem 1.5rem;max-width:760px;margin:0 auto}.speed-test{display:flex;flex-direction:column;align-items:center;gap:1.75rem}.speed-test-gauge-wrap{position:relative;width:min(280px,80vw);height:min(280px,80vw)}.speed-test-gauge{width:100%;height:100%;transform:rotate(-90deg)}.speed-test-gauge-bg{fill:none;stroke:var(--bg-tertiary);stroke-width:12}.speed-test-gauge-fill{fill:none;stroke:var(--primary-500);stroke-width:12;stroke-linecap:round;stroke-dasharray:553;stroke-dashoffset:553;transition:stroke-dashoffset .25s ease}.speed-test-gauge defs{display:none}.speed-test-gauge-wrap:before{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.12),transparent 70%);pointer-events:none}.speed-test-gauge-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem}.speed-test-gauge-center svg{color:var(--primary-400);margin-bottom:.5rem}.speed-test-pulse{animation:speedPulse 1.2s ease-in-out infinite}@keyframes speedPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(1.08)}}.speed-test-live-value{font-size:clamp(1.75rem,5vw,2.25rem);font-weight:800;background:linear-gradient(135deg,var(--primary-400),var(--accent-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.speed-test-phase{margin:.5rem 0 0;color:var(--text-tertiary);font-size:.9375rem;max-width:220px}.speed-test-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.speed-test-error{color:var(--danger-400, #f87171);text-align:center;margin:0}.speed-test-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;width:100%}.speed-test-stat{padding:1.25rem 1rem;text-align:center}.speed-test-stat-icon{width:44px;height:44px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;background:#3b82f626;color:var(--primary-400);margin-bottom:.75rem}.speed-test-stat-icon.download{background:#22c55e26;color:var(--success-400)}.speed-test-stat-icon.upload{background:#a855f726;color:var(--purple-400, #a855f7)}.speed-test-stat-label{display:block;color:var(--text-tertiary);font-size:.875rem;margin-bottom:.25rem}.speed-test-stat-value{font-size:1.25rem;color:var(--text-primary)}.speed-test-note{margin:0;text-align:center;color:var(--text-muted);font-size:.8125rem;line-height:1.6;max-width:520px}.speed-tip-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f633,#a855f726);color:var(--primary-400);margin-bottom:1rem}@media (max-width: 640px){.speed-test-stats{grid-template-columns:1fr}}.hero{min-height:100vh;display:flex;align-items:center;padding:calc(var(--top-bar-height) + var(--header-height) + 2rem) 0 4rem;position:relative;overflow:hidden}.hero-content{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media (min-width: 1024px){.hero-content{grid-template-columns:1.1fr .9fr}}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#3b82f633,#a855f733);border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;color:var(--primary-400);margin-bottom:1.5rem}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem}.hero-title span{background:linear-gradient(135deg,var(--primary-400),var(--accent-400),var(--purple-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.125rem;color:var(--text-tertiary);margin-bottom:2rem;max-width:540px}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.hero-stat{text-align:center;padding:1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.hero-stat-value{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--primary-400),var(--accent-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-label{font-size:.75rem;color:var(--text-tertiary);margin-top:.25rem}.hero-image{position:relative}.hero-image-wrapper{position:relative;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl)}.hero-image-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#3b82f64d,#a855f74d);z-index:1}.hero-image-wrapper img{width:100%;height:400px;object-fit:cover}.section{padding:5rem 0}.section-header{text-align:center;max-width:640px;margin:0 auto 3rem}.section-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;color:var(--primary-400);margin-bottom:1rem}.section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;margin-bottom:1rem}.section-description{font-size:1.125rem;color:var(--text-tertiary)}.grid{display:grid;gap:1.5rem}.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(1,1fr)}@media (min-width: 640px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.feature-card{text-align:center;padding:2rem}.feature-icon{width:64px;height:64px;margin:0 auto 1.5rem;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--primary-500),var(--purple-500));display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #3b82f64d}.feature-icon svg{width:32px;height:32px;color:#fff}.feature-title{font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.feature-description{font-size:.9375rem;color:var(--text-tertiary)}.provider-card{display:flex;align-items:center;gap:1rem;padding:1.25rem}.provider-logo{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.875rem;color:#fff;flex-shrink:0}.provider-logo.stc{background:linear-gradient(135deg,#5b7cfa,#8b5cf6)}.provider-logo.salam{background:linear-gradient(135deg,#22c55e,#16a34a)}.provider-logo.zain{background:linear-gradient(135deg,#7c3aed,#a855f7)}.provider-logo.mobily{background:linear-gradient(135deg,#f59e0b,#d97706)}.provider-info{flex:1}.provider-name{font-weight:700;margin-bottom:.25rem}.provider-description{font-size:.875rem;color:var(--text-tertiary)}.testimonial-card{padding:1.5rem}.testimonial-rating{display:flex;gap:.25rem;margin-bottom:1rem}.testimonial-rating svg{width:20px;height:20px;color:#fbbf24;fill:#fbbf24}.testimonial-text{font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.7}.testimonial-author{display:flex;align-items:center;gap:1rem}.testimonial-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-500),var(--purple-500));display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.testimonial-name{font-weight:700;margin-bottom:.25rem}.testimonial-location{font-size:.875rem;color:var(--text-tertiary)}.branch-card{padding:1.5rem;text-align:center}.branch-icon{width:64px;height:64px;margin:0 auto 1rem;border-radius:var(--radius-xl);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.branch-icon svg{width:32px;height:32px;color:var(--primary-400)}.branch-name{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.branch-phone{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:.9375rem;font-weight:600;color:var(--primary-400);margin-top:1rem;transition:all var(--transition-fast)}.branch-phone:hover{background:var(--primary-500);color:#fff}.blog-card{overflow:hidden;padding:0}.blog-image{width:100%;height:200px;object-fit:cover}.blog-content{padding:1.5rem}.blog-category{display:inline-block;padding:.375rem .75rem;background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--primary-400);margin-bottom:.75rem}.blog-title{font-size:1.125rem;font-weight:700;margin-bottom:.5rem;line-height:1.4}.blog-excerpt{font-size:.9375rem;color:var(--text-tertiary);margin-bottom:1rem}.blog-meta{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:var(--text-muted)}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.form-input,.form-select,.form-textarea{width:100%;padding:.875rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f633}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{min-height:120px;resize:vertical}.floating-buttons{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.75rem;z-index:100}.floating-btn{width:56px;height:56px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:all var(--transition-fast)}.floating-btn:hover{transform:scale(1.1)}.floating-btn.whatsapp{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.floating-btn.call{background:linear-gradient(135deg,var(--primary-500),var(--purple-500));color:#fff}.floating-btn svg{width:28px;height:28px}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:4rem 0 2rem}.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem}@media (min-width: 640px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-brand{max-width:300px}.footer-description{color:var(--text-tertiary);margin-top:1rem;font-size:.9375rem}.footer-title{font-size:1rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.footer-links{list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links a{color:var(--text-tertiary);font-size:.9375rem;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--primary-400)}.footer-bottom{padding-top:2rem;border-top:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}@media (min-width: 640px){.footer-bottom{flex-direction:row;justify-content:space-between}}.footer-copyright{font-size:.875rem;color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-slide-up{animation:slideUp .5s ease forwards}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:#3b82f64d;color:var(--text-primary)}