:root{--primary:#6366f1;--primary-dark:#4f46e5;--secondary:#ec4899;--dark-bg:#0f172a;--dark-surface:#1e293b;--glass-border:rgba(255, 255, 255, 0.1);--glass-bg:rgba(30, 41, 59, 0.7);--glass-shine:rgba(255, 255, 255, 0.05)}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;background-color:var(--dark-bg);color:#e2e8f0}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 rgba(99,102,241,.4)}70%{box-shadow:0 0 0 10px rgba(99,102,241,0)}100%{box-shadow:0 0 0 0 rgba(99,102,241,0)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-slide-up{animation:slideUp .6s ease-out forwards}.animate-float{animation:float 6s ease-in-out infinite}.hover-lift{transition:transform .3s cubic-bezier(.34, 1.56, .64, 1)}.hover-lift:hover{transform:translateY(-5px)}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.glass-card{background:linear-gradient(135deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.01) 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px 0 rgba(0,0,0,.37)}.glass-button{background:rgba(255,255,255,.1);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.glass-button:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);box-shadow:0 0 15px rgba(255,255,255,.3)}.text-gradient{background:linear-gradient(to right,#6366f1,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}.bg-gradient-premium{background:linear-gradient(135deg,#0f172a 0,#1e293b 100%)}.bg-gradient-details{background:radial-gradient(circle at top right,rgba(99,102,241,.15),transparent 40%),radial-gradient(circle at bottom left,rgba(236,72,153,.15),transparent 40%)}.StripeElement{background:rgba(255,255,255,.05);padding:12px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.StripeElement--focus{border-color:#6366f1;box-shadow:0 0 0 2px rgba(99,102,241,.2);transform:translateY(-1px)}.StripeElement--invalid{border-color:#ef4444}.dark-mode-enable{color:#e2e8f0;background-color:#0f172a}