html{font-size:106.25%}body,html{min-height:100%}body{font-family:var(--font-dm-sans),"DM Sans",sans-serif}.font-display,h1,h2,h3,h4,h5,h6{font-family:var(--font-sora),"Sora",sans-serif}.design-preview{--background:0 0% 2%;--foreground:0 0% 98%;--card:270 18% 7%;--card-foreground:0 0% 98%;--popover:270 18% 7%;--popover-foreground:0 0% 98%;--primary:313 77% 50%;--primary-foreground:0 0% 100%;--secondary:270 65% 58%;--secondary-foreground:0 0% 100%;--muted:270 14% 11%;--muted-foreground:270 8% 58%;--accent:270 65% 58%;--accent-foreground:0 0% 100%;--border:270 16% 16%;--input:270 16% 10%;--ring:313 77% 50%;--radius:0.875rem;--df-pink:313 77% 50%;--df-pink-soft:313 77% 62%;--df-purple:270 65% 58%;--df-purple-deep:270 45% 24%;--df-gold:45 92% 58%;color-scheme:dark;background:radial-gradient(ellipse 55% 42% at 88% 8%,hsla(270,65%,58%,.14),transparent 70%),radial-gradient(ellipse 50% 38% at 8% 18%,hsla(313,77%,50%,.1),transparent 65%),radial-gradient(ellipse 80% 50% at 50% 100%,hsla(270,50%,30%,.06),transparent),hsl(0,0%,2%)}.design-preview .gradient-brand{background:linear-gradient(135deg,hsl(var(--df-pink)),hsl(var(--df-purple)))}.design-preview .glass-nav{background:hsla(0,0%,2%,.88);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid hsla(270,40%,40%,.12)}.design-preview .search-shell{display:flex;align-items:center;border-radius:.75rem;background-color:hsl(var(--card));border:1px solid hsla(270,30%,45%,.18);box-shadow:0 0 0 1px hsla(313,77%,50%,.04),0 4px 24px hsla(0,0%,0%,.35)}.design-preview .filter-pill{display:inline-flex;flex-shrink:0;align-items:center;gap:.375rem;border-radius:9999px;padding:.5rem .875rem;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;color:hsl(270,8%,62%);background:hsla(270,18%,12%,.9);border:1px solid hsla(270,20%,35%,.22)}.design-preview .filter-pill:hover{color:hsl(0,0%,92%);border-color:hsla(313,77%,50%,.25);background:hsla(270,20%,14%,.95)}.design-preview .filter-pill-active{font-weight:500;color:hsl(var(--primary-foreground));background:hsl(var(--df-pink));border-color:hsl(var(--df-pink-soft));box-shadow:0 4px 20px hsla(313,77%,50%,.35)}.design-preview .hero-badge{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;padding:.375rem .875rem;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--df-purple));background:hsla(270,45%,24%,.85);border:1px solid hsla(270,55%,50%,.35)}.design-preview .hero-badge-dot{height:.375rem;width:.375rem;border-radius:9999px;background:hsl(var(--df-pink));box-shadow:0 0 8px hsla(313,77%,50%,.8)}.design-preview .hero-image-wrap{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:1rem;border:1px solid hsla(270,40%,45%,.2);box-shadow:0 0 0 1px hsla(313,77%,50%,.1),0 0 60px hsla(270,65%,58%,.12),0 28px 56px hsla(0,0%,0%,.55)}.design-preview .hero-image-vignette{pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,hsla(270,40%,10%,.05),transparent 45%,hsla(0,0%,0%,.55))}.design-preview .stat-item{display:flex;align-items:center;gap:.75rem}.design-preview .stat-icon{display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:.75rem}.design-preview .stat-icon-pink{background:hsla(313,77%,50%,.14);color:hsl(var(--df-pink))}.design-preview .stat-icon-purple{background:hsla(270,65%,58%,.16);color:hsl(var(--df-purple))}.design-preview .popular-badge{display:inline-flex;align-items:center;gap:.25rem;border-radius:calc(var(--radius) - 2px);padding:.125rem .5rem;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background:hsl(var(--df-pink));box-shadow:0 2px 12px hsla(313,77%,50%,.45)}.design-preview .creator-card-overlay{background:linear-gradient(180deg,transparent 30%,hsla(270,30%,6%,.5) 65%,hsla(0,0%,0%,.92))}.design-preview .cta-banner{border-radius:1rem;border:1px solid hsla(270,55%,50%,.28);box-shadow:0 0 0 1px hsla(313,77%,50%,.06),0 0 48px hsla(270,65%,58%,.1),inset 0 1px 0 hsla(0,0%,100%,.04);background:radial-gradient(ellipse 70% 100% at 0 50%,hsla(270,65%,58%,.12),transparent 55%),radial-gradient(ellipse 50% 80% at 100% 50%,hsla(313,77%,50%,.06),transparent),hsl(270,18%,7%)}.design-preview .cta-icon{display:flex;height:3rem;width:3rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;border:1px solid hsla(270,55%,55%,.35);background:hsla(270,45%,24%,.7);color:hsl(var(--df-pink));box-shadow:0 0 24px hsla(270,65%,58%,.15)}.design-preview .category-pill{display:inline-flex;flex-shrink:0;border-radius:var(--radius);padding:.5rem .875rem;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;color:hsl(270,8%,62%);background:hsla(270,18%,9%,.7);border:1px solid hsla(270,20%,35%,.22)}.design-preview .category-pill:hover{color:hsl(0,0%,95%);border-color:hsla(313,77%,50%,.35);background:hsla(270,22%,12%,.9)}.design-preview .section-divider{border-top:1px solid hsla(270,25%,35%,.14)}.design-preview .dev-bar{font-size:11px;--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);color:hsl(270,8%,52%);background:hsla(270,18%,7%,.92);border-bottom:1px solid hsla(270,25%,35%,.14)}.design-preview .bg-primary{background:hsl(var(--df-pink))}.design-preview .hover\:bg-primary\/90:hover{background:hsl(313,77%,45%)}.design-preview .text-df-pink,.design-preview .text-primary{color:hsl(var(--df-pink))}.design-preview .text-df-pink-soft{color:hsl(var(--df-pink-soft))}.design-preview .hero-accent{color:hsl(var(--df-pink));text-shadow:0 0 40px hsla(313,77%,50%,.3)}.design-preview a.hover\:text-primary:hover{color:hsl(var(--df-pink-soft))}