.kosmos-demo{letter-spacing:-.01em;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}.kosmos-demo .glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:1rem}.kosmos-demo .glass-violet{background:linear-gradient(135deg,#7c3aed1f,#7c3aed0a);border:1px solid #7c3aed40;border-radius:1rem}.kosmos-demo .btn-primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#5b21b6);border:1px solid #ffffff26;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;box-shadow:0 4px 20px #7c3aed66}.kosmos-demo .btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 28px #7c3aed99}.kosmos-demo .btn-secondary{color:#ffffffe6;background:#ffffff0f;border:1px solid #ffffff26;border-radius:.75rem;padding:.625rem 1.25rem;font-weight:500;transition:all .2s}.kosmos-demo .btn-secondary:hover{background:#ffffff1a}.kosmos-demo .badge-top{color:#0a0a0f;background:linear-gradient(135deg,#facc15,#f59e0b)}.kosmos-demo .badge-ok{color:#4ade80;background:#22c55e33;border:1px solid #22c55e4d}.kosmos-demo .badge-attention{color:#f87171;background:#ef444426;border:1px solid #ef44444d}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.kosmos-demo .fade-up{animation:.5s ease-out forwards fade-up}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-bounce-slow{animation:2.5s ease-in-out infinite bounce-slow}