:root{--background:0 0% 100%;--foreground:0 0% 9%;--card:0 0% 98%;--card-foreground:0 0% 9%;--popover:0 0% 100%;--popover-foreground:0 0% 9%;--primary:0 0% 9%;--primary-foreground:0 0% 100%;--secondary:0 0% 96%;--secondary-foreground:0 0% 9%;--accent:0 0% 96%;--accent-foreground:0 0% 9%;--muted:0 0% 96%;--muted-foreground:0 0% 45%;--destructive:0 85% 60%;--destructive-foreground:0 0% 100%;--border:0 0% 90%;--input:0 0% 90%;--ring:0 0% 9%;--radius:0.75rem}.bg-brand-gradient{background:linear-gradient(135deg,hsl(var(--brand-gradient-from)) 0,hsl(var(--brand-gradient-to)) 100%)}.bg-suno-gradient{background:linear-gradient(180deg,hsl(280 85% 65%/.1),hsl(320 80% 60%/.05) 50%,transparent)}.bg-accent-soft{background:hsl(var(--accent)/.1)}.glow-purple{box-shadow:0 0 40px hsl(280 85% 65%/.3)}.glow-pink{box-shadow:0 0 40px hsl(320 80% 60%/.3)}.option-card{border:1px solid hsl(var(--border));background:hsl(var(--card));transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.option-card:hover{border-color:hsl(var(--primary));background:hsl(var(--card));box-shadow:0 0 0 3px hsl(var(--primary)/.18)}.option-card--selected{border-color:hsl(var(--primary));background:hsl(var(--primary)/.08);box-shadow:inset 0 0 0 1px hsl(var(--primary)/.35)}.option-card__label{color:hsl(var(--muted-foreground))}.option-card--selected .option-card__label{color:hsl(var(--foreground))}.preview-chip{border:1px solid transparent;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.option-card:hover .preview-chip,.preview-chip{background:hsl(var(--border))}.option-card--selected .preview-chip{background:hsl(var(--primary))}body:not(.promo-banner-closed) main{padding-top:120px!important}body.promo-banner-closed main{padding-top:64px!important}body.promo-banner-closed header{top:0!important}