@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");:root{--color-brand:#0f172a;--color-surface:#ffffff;--color-surface-secondary:#faf9f8;--color-background:#f8fafc;--color-background-secondary:#faf9f8;--color-text-primary:#292828;--color-text-secondary:#605e5c;--color-text-tertiary:#a19f9d;--color-border:#e1dfdd;--color-border-light:#edebe9;--color-border-hover:#c8c6c4;--card:#ffffff;--foreground:#323130;--muted-foreground:#605e5c;--border:#e1dfdd;--gradient-primary:linear-gradient(135deg,#0073ea,#0f172a);--gradient-primary-down:linear-gradient(0deg,#0073ea -15%,#0f172a);--gradient-primary-up:linear-gradient(180deg,#0073ea -15%,#0f172a);--gradient-purple:linear-gradient(90deg,#3b0764,#0b1437);--gradient-secondary:linear-gradient(135deg,#0078d4,#106ebe);--gradient-hero:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);--gradient-subtle:linear-gradient(180deg,var(--color-surface) 0%,var(--color-background) 100%);--card-modern-shadow:0 8px 32px rgba(0,0,0,0.08),0 2px 16px rgba(0,0,0,0.06);--card-hover-shadow:0 12px 40px rgba(0,0,0,0.12),0 4px 20px rgba(0,0,0,0.08);--transition-card:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-button:all 0.2s cubic-bezier(0.4,0,0.2,1)}.modern-card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--card-modern-shadow);border:1px solid var(--color-border-light);transition:var(--transition-card);overflow:hidden}.modern-card:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-2px);border-color:var(--color-border-hover)}.hero-section{background:var(--gradient-primary);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.button-modern{border-radius:var(--radius-lg);font-weight:500;transition:var(--transition-button);position:relative;overflow:hidden}.button-modern:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.button-modern:hover:before{left:100%}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:var(--spacing-xl);margin:var(--spacing-xl) 0}.feature-grid,.stats-grid{display:grid;gap:var(--spacing-xl)}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--spacing-xl);margin:var(--spacing-3xl) 0}.form-modern{gap:var(--spacing-lg)}.form-group-modern,.form-modern{display:flex;flex-direction:column}.form-group-modern{gap:var(--spacing-sm)}.input-modern{padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:var(--transition-fast);background:var(--color-surface)}.input-modern:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,120,212,.1)}.nav-modern{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(255,255,255,.95);border-bottom:1px solid rgba(225,223,221,.6);position:-webkit-sticky;position:sticky;top:0;z-index:100}.product-card{background:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--card-modern-shadow);transition:var(--transition-card);border:1px solid var(--color-border-light);position:relative}.product-card:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-4px)}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:0;transition:var(--transition-fast)}.product-card:hover:before{opacity:1}.pricing-display{background:var(--gradient-subtle);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--color-border-light);position:relative;overflow:hidden}.pricing-display:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.05) 0,transparent 70%);animation:pulse 4s ease-in-out infinite}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-2xl);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-active{background:rgba(16,124,16,.1);color:var(--color-success);border:1px solid rgba(16,124,16,.2)}.status-pending{background:rgba(255,185,0,.1);color:var(--color-warning);border:1px solid rgba(255,185,0,.2)}.status-error{background:rgba(216,59,1,.1);color:var(--color-error);border:1px solid rgba(216,59,1,.2)}.loading-shimmer{background:linear-gradient(90deg,var(--color-background) 25%,var(--color-surface-secondary) 50%,var(--color-background) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.focus-modern:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm);box-shadow:0 0 0 4px rgba(0,120,212,.1)}@media (max-width:640px){.stats-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.feature-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.hero-section{padding:var(--spacing-xl) var(--spacing-md)}}@media (max-width:768px){.container{padding:0 var(--spacing-md)}.modern-card{border-radius:var(--radius-lg)}}@media (prefers-contrast:high){.modern-card{border:2px solid var(--color-border-dark)}.button-modern{border:2px solid}}@media (prefers-reduced-motion:reduce){.button-modern,.input-modern,.modern-card,.product-card{transition:none}.hero-section:before,.loading-shimmer{animation:none}}html{scroll-padding-block-start:160px}