code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: 0 0% 100%;--foreground: 0 0% 3%;--card: 0 0% 98%;--card-foreground: 0 0% 3%;--popover: 0 0% 100%;--popover-foreground: 0 0% 3%;--primary: 280 85% 55%;--primary-foreground: 0 0% 100%;--secondary: 330 80% 55%;--secondary-foreground: 0 0% 100%;--muted: 0 0% 96%;--muted-foreground: 0 0% 45%;--accent: 175 70% 45%;--accent-foreground: 0 0% 100%;--destructive: 0 84% 60%;--destructive-foreground: 0 0% 98%;--border: 0 0% 90%;--input: 0 0% 90%;--ring: 280 85% 65%;--radius: .875rem;--suno-purple: 280 85% 60%;--suno-pink: 330 80% 60%;--suno-blue: 220 90% 60%;--suno-cyan: 175 70% 50%;--suno-orange: 25 95% 55%;--glass-bg: 0 0% 0% / .03;--glass-border: 0 0% 0% / .08;--gradient-primary: linear-gradient(135deg, hsl(280 85% 60%) 0%, hsl(330 80% 60%) 50%, hsl(25 95% 55%) 100%);--gradient-hero: linear-gradient(135deg, hsl(280 85% 60%) 0%, hsl(330 80% 60%) 100%);--gradient-card: linear-gradient(145deg, hsl(0 0% 100%) 0%, hsl(0 0% 96%) 100%);--gradient-glow: radial-gradient(ellipse at center, hsl(280 85% 65% / .1) 0%, transparent 70%);--shadow-glow: 0 0 40px hsl(280 85% 65% / .15);--shadow-card: 0 4px 20px hsl(0 0% 0% / .08);--shadow-button: 0 4px 15px hsl(280 85% 65% / .3);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--sidebar-background: 0 0% 98%;--sidebar-foreground: 0 0% 20%;--sidebar-primary: 280 85% 55%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 0 0% 94%;--sidebar-accent-foreground: 0 0% 5%;--sidebar-border: 0 0% 90%;--sidebar-ring: 280 85% 65%;--chart-1: 280 85% 60%;--chart-2: 330 80% 60%;--chart-3: 175 70% 50%;--chart-4: 25 95% 55%;--chart-5: 220 90% 60%}.dark{--background: 0 0% 3%;--foreground: 0 0% 98%;--card: 0 0% 6%;--card-foreground: 0 0% 98%;--popover: 0 0% 8%;--popover-foreground: 0 0% 98%;--primary: 280 85% 65%;--primary-foreground: 0 0% 100%;--secondary: 330 80% 60%;--secondary-foreground: 0 0% 100%;--muted: 0 0% 10%;--muted-foreground: 0 0% 55%;--accent: 175 70% 50%;--accent-foreground: 0 0% 5%;--destructive: 0 72% 51%;--destructive-foreground: 0 0% 98%;--border: 0 0% 12%;--input: 0 0% 10%;--ring: 280 85% 65%;--glass-bg: 0 0% 100% / .03;--glass-border: 0 0% 100% / .08;--gradient-primary: linear-gradient(135deg, hsl(280 85% 65%) 0%, hsl(330 80% 60%) 50%, hsl(25 95% 55%) 100%);--gradient-hero: linear-gradient(135deg, hsl(280 85% 65%) 0%, hsl(330 80% 60%) 100%);--gradient-card: linear-gradient(145deg, hsl(0 0% 8%) 0%, hsl(0 0% 5%) 100%);--gradient-glow: radial-gradient(ellipse at center, hsl(280 85% 65% / .15) 0%, transparent 70%);--shadow-glow: 0 0 60px hsl(280 85% 65% / .3);--shadow-card: 0 8px 32px hsl(0 0% 0% / .5);--shadow-button: 0 4px 20px hsl(280 85% 65% / .4);--sidebar-background: 0 0% 5%;--sidebar-foreground: 0 0% 90%;--sidebar-primary: 280 85% 65%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 0 0% 10%;--sidebar-accent-foreground: 0 0% 98%;--sidebar-border: 0 0% 12%;--sidebar-ring: 280 85% 65%;--mesh-gradient: radial-gradient(at 0% 0%, hsla(280, 85%, 65%, .15) 0, transparent 50%), radial-gradient(at 50% 0%, hsla(330, 80%, 60%, .1) 0, transparent 50%), radial-gradient(at 100% 0%, hsla(25, 95%, 55%, .1) 0, transparent 50%)}}@layer base{*{@apply border-border;}html{scroll-behavior:smooth}body{@apply bg-background text-foreground antialiased;font-feature-settings:"rlig" 1,"calt" 1;background-image:var(--mesh-gradient);background-attachment:fixed}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f2f2f2}::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#999}.dark ::-webkit-scrollbar-track{background:#0d0d0d}.dark ::-webkit-scrollbar-thumb{background:#333}.dark ::-webkit-scrollbar-thumb:hover{background:#4d4d4d}}@layer components{.glass{background:hsl(var(--glass-bg));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsl(var(--glass-border))}.glass-card{background:var(--gradient-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsl(var(--glass-border))}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-border{position:relative;background:hsl(var(--card));border:none}.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;background:var(--gradient-primary);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none}.glow-effect{box-shadow:var(--shadow-glow)}.hover-glow{transition:var(--transition-smooth)}.hover-glow:hover{box-shadow:0 0 40px #bf5af266;transform:translateY(-2px)}.animated-gradient{background:linear-gradient(-45deg,#bf5af21a,#eb47991a,#26d9ca1a,#f97a1f1a);background-size:400% 400%;animation:gradient-shift 15s ease infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.float{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shimmer{animation:shimmer 2s infinite}.animate-spin-slow{animation:spin 3s linear infinite}.btn-gradient{background:var(--gradient-primary);transition:var(--transition-smooth);position:relative;overflow:hidden;z-index:1}.btn-gradient:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#eb4799,#bf5af2);opacity:0;transition:opacity .3s ease;z-index:-1}.btn-gradient:hover:before{opacity:1}.btn-gradient:hover{box-shadow:var(--shadow-button),0 0 20px #bf5af280;transform:translateY(-2px);letter-spacing:.05em}.perspective-container{perspective:2000px}.card-3d{transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d}.card-3d:hover{transform:rotateX(5deg) rotateY(-5deg) translateZ(10px);box-shadow:-10px 10px 30px #00000080,0 0 20px #bf5af233}.neon-glow{position:relative}.neon-glow:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(45deg,#f0c,#33f,#0fc,#f0c);background-size:400%;z-index:-1;filter:blur(10px);animation:neon-pulse 10s linear infinite;opacity:0;transition:opacity .3s ease}.neon-glow:hover:after{opacity:.7}@keyframes neon-pulse{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.text-3d-modern{text-shadow:2px 2px 0px hsl(280 85% 65% / .5),4px 4px 0px hsl(330 80% 60% / .3)}.text-stroke-white{-webkit-text-stroke:1px rgba(255,255,255,.4)}.hover-lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.hover-lift:hover{transform:translateY(-8px) scale(1.02)}}@layer components{.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#737373}.token.punctuation{color:#b3b3b3}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#c47de8}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#5cd685}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#ed9a5e}.token.atrule,.token.attr-value,.token.keyword{color:#f075b3}.token.function,.token.class-name{color:#75c7f0}.token.regex,.token.important,.token.variable{color:#ed9a5e}pre[class*=language-]{background:#0d0d0d;border-radius:.75rem;overflow-x:auto;border:1px solid hsl(0 0% 12%)}code[class*=language-]{font-family:SF Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.7}}