@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-primary: #6366F1;--color-secondary: #8B5CF6;--color-success: #10B981;--color-warning: #F59E0B;--color-danger: #EF4444;--color-background-primary: #F8FAFC;--color-background-secondary: #FFFFFF;--color-background-tertiary: #F1F5F9;--color-background-interactive: #E2E8F0;--color-background-interactive-hover: #CBD5E1;--color-background-glass: rgba(255, 255, 255, .8);--color-background-glass-hover: rgba(255, 255, 255, .95);--color-text-primary: #0F172A;--color-text-secondary: #475569;--color-text-muted: #64748B;--color-text-accent: #6366F1;--color-text-white: #ffffff;--color-border: #E2E8F0;--color-border-secondary: #CBD5E1;--color-purple: #8B5CF6;--color-blue: #3B82F6;--color-pink: #EC4899;--color-indigo: #6366F1;--color-teal: #14B8A6;--color-orange: #F97316;--shadow-glass: 0 4px 16px rgba(15, 23, 42, .1);--shadow-soft: 0 2px 8px rgba(15, 23, 42, .08);--shadow-elevated: 0 8px 24px rgba(15, 23, 42, .15);--shadow-hover: 0 12px 32px rgba(15, 23, 42, .2);--radius-soft: 12px;--radius-round: 16px;--radius-pill: 50px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.68, -.55, .265, 1.55)}html.dark{--color-background-primary: #0F172A;--color-background-secondary: #1E293B;--color-background-tertiary: #334155;--color-background-interactive: #475569;--color-background-interactive-hover: #64748B;--color-background-glass: rgba(30, 41, 59, .8);--color-background-glass-hover: rgba(30, 41, 59, .95);--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-text-muted: #94A3B8;--color-text-accent: #818CF8;--color-border: #334155;--color-border-secondary: #475569}*{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background:var(--color-background-primary);min-height:100vh;position:relative}.glass-card{background:var(--color-background-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-soft);box-shadow:var(--shadow-glass);transition:var(--transition-smooth)}.glass-card:hover{background:var(--color-background-glass-hover);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn-gradient{background:var(--color-primary);border:none;border-radius:var(--radius-pill);color:var(--color-text-white);font-weight:600;padding:12px 24px;transition:var(--transition-bounce);box-shadow:var(--shadow-soft)}.btn-gradient:hover{background:#4f46e5;transform:translateY(-1px) scale(1.02);box-shadow:var(--shadow-elevated)}.btn-gradient-secondary{background:var(--color-secondary)}.btn-gradient-secondary:hover{background:#7c3aed}.btn-gradient-accent{background:var(--color-blue)}.btn-gradient-accent:hover{background:#2563eb}.icon-bounce{transition:var(--transition-bounce)}.icon-bounce:hover{transform:scale(1.1) rotate(5deg)}button,.interactive{transition:var(--transition-smooth)}button:hover{transform:translateY(-1px)}.input-modern{background:var(--color-background-glass);border:2px solid transparent;border-radius:var(--radius-soft);padding:12px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:var(--transition-smooth)}.input-modern:focus{border-color:var(--color-primary);background:var(--color-background-secondary);outline:none;box-shadow:0 0 0 4px #6366f11a}.tab-modern{position:relative;padding:12px 20px;border-radius:var(--radius-soft) var(--radius-soft) 0 0;transition:var(--transition-smooth);font-weight:500}.tab-modern.active{background:var(--color-primary);color:var(--color-text-white)}.tab-modern.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--color-blue);border-radius:2px}.status-draft{background:#64748b}.status-pending{background:var(--color-warning)}.status-approved{background:var(--color-success)}.status-rejected{background:var(--color-danger)}.status-posted{background:var(--color-blue)}.card-hover{transition:var(--transition-smooth)}.card-hover:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-hover)}.border-modern{border:2px solid var(--color-background-interactive);border-radius:var(--radius-soft);transition:var(--transition-smooth)}.border-modern:hover{border-color:var(--color-primary)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.float-animation{animation:float 3s ease-in-out infinite}@keyframes pulse-color{0%,to{opacity:1}50%{opacity:.8}}.pulse-color{animation:pulse-color 2s ease-in-out infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}@media (max-width: 768px){.glass-card{margin:8px}.btn-gradient{padding:10px 20px;font-size:14px}}html.dark .glass-card{border:1px solid rgba(255,255,255,.1)}html.dark .input-modern{color:var(--color-text-primary)}html.dark .input-modern::placeholder{color:var(--color-text-muted)}.marketing-scroll::-webkit-scrollbar{width:8px;height:8px}.marketing-scroll::-webkit-scrollbar-track{background:#9ca3af1a;border-radius:4px}.marketing-scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:4px;border:1px solid rgba(255,255,255,.1)}.marketing-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5b5ff7,#7c3aed)}.marketing-scroll{scrollbar-width:thin;scrollbar-color:#6366f1 rgba(156,163,175,.1);scroll-behavior:smooth}.scroll-hint{animation:bounce-gentle 2s infinite}@keyframes bounce-gentle{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}.client-card{transition:all .2s ease-in-out}.client-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #6366f126}.scroll-indicator{position:absolute;top:0;right:0;width:4px;background:linear-gradient(to bottom,transparent,#6366f1,transparent);border-radius:2px;opacity:0;transition:opacity .3s ease}.scroll-container:hover .scroll-indicator{opacity:1}@media (max-width: 768px){.marketing-grid{grid-template-columns:1fr;gap:1rem}}@media (min-width: 769px) and (max-width: 1024px){.marketing-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width: 1025px){.marketing-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.loading-scroll{display:flex;justify-content:center;align-items:center;min-height:200px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,.1);border-top:3px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}