@tailwind base;@tailwind components;@tailwind utilities;:root{--background: hsl(0, 0%, 100%);--foreground: hsl(222, 84%, 4.9%);--muted: hsl(210, 40%, 98%);--muted-foreground: hsl(215, 16%, 47%);--popover: hsl(0, 0%, 100%);--popover-foreground: hsl(222, 84%, 4.9%);--card: hsl(0, 0%, 100%);--card-foreground: hsl(222, 84%, 4.9%);--border: hsl(214, 32%, 91%);--input: hsl(214, 32%, 91%);--primary: hsl(262, 83%, 58%);--primary-foreground: hsl(210, 40%, 98%);--secondary: hsl(210, 40%, 96%);--secondary-foreground: hsl(222, 47%, 11%);--accent: hsl(210, 40%, 96%);--accent-foreground: hsl(222, 47%, 11%);--destructive: hsl(0, 84%, 60%);--destructive-foreground: hsl(210, 40%, 98%);--ring: hsl(262, 83%, 58%);--radius: 1rem;--brand-primary: hsl(217, 91%, 60%);--brand-secondary: hsl(142, 71%, 45%);--brand-accent: hsl(262, 83%, 58%);--success: hsl(142, 71%, 45%);--warning: hsl(38, 92%, 50%);--error: hsl(0, 84%, 60%);--gradient-primary: linear-gradient(135deg, hsl(217, 91%, 60%) 0%, hsl(142, 71%, 45%) 100%);--gradient-secondary: linear-gradient(135deg, hsl(262, 83%, 58%) 0%, hsl(217, 91%, 60%) 100%);--gradient-success: linear-gradient(135deg, hsl(142, 71%, 45%) 0%, hsl(158, 64%, 52%) 100%);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--stripe-purple: hsl(258, 100%, 66%);--stripe-light: hsl(220, 14%, 96%);--stripe-dark: hsl(216, 20%, 15%);--stripe-text: hsl(216, 12%, 42%);--stripe-border: hsl(214, 32%, 91%);--stripe-success: hsl(142, 71%, 45%)}.dark{--background: hsl(222, 84%, 4.9%);--foreground: hsl(210, 40%, 98%);--muted: hsl(217, 32%, 17%);--muted-foreground: hsl(215, 20%, 65%);--popover: hsl(222, 84%, 4.9%);--popover-foreground: hsl(210, 40%, 98%);--card: hsl(222, 84%, 4.9%);--card-foreground: hsl(210, 40%, 98%);--border: hsl(217, 32%, 17%);--input: hsl(217, 32%, 17%);--primary: hsl(262, 83%, 58%);--primary-foreground: hsl(210, 40%, 98%);--secondary: hsl(217, 32%, 17%);--secondary-foreground: hsl(210, 40%, 98%);--accent: hsl(217, 32%, 17%);--accent-foreground: hsl(210, 40%, 98%);--destructive: hsl(0, 62%, 60%);--destructive-foreground: hsl(210, 40%, 98%);--ring: hsl(262, 83%, 58%);--glass-bg: rgba(0, 0, 0, .2);--glass-border: rgba(255, 255, 255, .1)}@layer base{*{@apply border-border;}body{@apply font-sans antialiased bg-background text-foreground;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-feature-settings:"rlig" 1,"calt" 1}}@layer utilities{.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-secondary{background:var(--gradient-secondary)}.bg-gradient-success{background:var(--gradient-success)}.glass{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.glass-card{background:#ffffffe6;backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);border-radius:1rem;box-shadow:0 4px 20px #00000014}.shadow-elegant{box-shadow:0 4px 20px #00000014}.shadow-float{box-shadow:0 8px 30px #0000001f}.shadow-glow{box-shadow:0 0 20px #7c3aed4d}.bg-stripe-purple{background-color:var(--stripe-purple)}.bg-stripe-light{background-color:var(--stripe-light)}.bg-stripe-dark{background-color:var(--stripe-dark)}.text-stripe-purple{color:var(--stripe-purple)}.text-stripe-light{color:var(--stripe-light)}.text-stripe-dark{color:var(--stripe-dark)}.text-stripe-text{color:var(--stripe-text)}.border-stripe-border{border-color:var(--stripe-border)}.bg-stripe-success{background-color:var(--stripe-success)}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-slideUp{animation:slideUp .3s ease-out}.animate-scaleIn{animation:scaleIn .2s ease-out}.animate-pulse-soft{animation:pulseSoft 2s infinite}.hover-lift{transition:transform .2s ease-out,box-shadow .2s ease-out}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.btn-modern{background:var(--gradient-primary);border:none;border-radius:1rem;padding:.75rem 1.5rem;font-weight:600;color:#fff;transition:all .2s ease-out;box-shadow:0 4px 20px #7c3aed4d}.btn-modern:hover{transform:translateY(-1px);box-shadow:0 8px 30px #7c3aed66}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.font-display{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;letter-spacing:-.025em}.container-modern{max-width:1200px;margin:0 auto;padding:0 1.5rem}.mobile-container{padding:0 1rem}@media (max-width: 768px){.mobile-container{padding:0 .75rem}.mobile-text-sm{font-size:.875rem}.mobile-text-xs{font-size:.75rem}.mobile-p-2{padding:.5rem}.mobile-p-3{padding:.75rem}.mobile-p-4{padding:1rem}.mobile-m-2{margin:.5rem}.mobile-mb-2{margin-bottom:.5rem}.mobile-mb-3{margin-bottom:.75rem}.mobile-gap-2{gap:.5rem}.mobile-gap-3{gap:.75rem}.mobile-space-y-2>*+*{margin-top:.5rem}.mobile-space-y-3>*+*{margin-top:.75rem}.mobile-touch-target{min-height:44px;min-width:44px}.mobile-nav-bottom{position:fixed;bottom:0;left:0;right:0;background:#fffffff2;backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.1);padding:.75rem 1rem;z-index:50}.dark .mobile-nav-bottom{background:#000000f2;border-top:1px solid rgba(255,255,255,.1)}.mobile-card{border-radius:.75rem;padding:1rem;margin-bottom:1rem}.mobile-btn{padding:.75rem 1rem;font-size:.875rem;min-height:44px;border-radius:.5rem}.mobile-input{padding:.75rem;font-size:16px;min-height:44px}.mobile-sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:40}.mobile-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;background:#fff;z-index:50;transform:translate(-100%);transition:transform .3s ease;overflow-y:auto}.mobile-sidebar.open{transform:translate(0)}.dark .mobile-sidebar{background:#020817}}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:rgba(124,58,237,.3) transparent}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background:#7c3aed4d;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#7c3aed80}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulseSoft{0%,to{opacity:1}50%{opacity:.7}}