*, :before, :after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
    --neon-pink: #ff1f8f;
    --neon-pink-glow: #ff6eb4;
    --neon-blue: #00d4ff;
    --neon-blue-glow: #7df9ff;
    --dark-bg: #0a0a0a;
    --dark-surface: #141414;
    --dark-card: #1a1a1a;
}
.p-2 {
    padding: .5rem;
}
.bg-primary\/10 {
    background-color: hsl(var(--primary) / .1);
}
.rounded-md {
    border-radius: .375rem;
}
.flex-shrink-0, .shrink-0 {
    flex-shrink: 0;
}
* {
    --tw-border-opacity: 1;
    border-color: hsl(var(--border) / var(--tw-border-opacity, 1));
}
*, :before, :after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
}

* {
    --tw-border-opacity: 1;
    border-color: hsl(var(--border) / var(--tw-border-opacity, 1));
}

body {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--background) / var(--tw-bg-opacity, 1));
    font-family: var(--font-sans);
    --tw-text-opacity: 1;
    color: hsl(var(--foreground) / var(--tw-text-opacity, 1));
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    margin: 0;
    line-height: inherit;
}
* {
    --tw-border-opacity: 1;
    border-color: hsl(var(--border) / var(--tw-border-opacity, 1));
}
*, :before, :after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    Show all properties (1 more)
}
:root {
    --button-outline: rgba(0, 0, 0, .1);
    --badge-outline: rgba(0, 0, 0, .05);
    --opaque-button-border-intensity: -8;
    --elevate-1: rgba(0, 0, 0, .03);
    --elevate-2: rgba(0, 0, 0, .08);
    --background: 0 0% 100%;
    --foreground: 0 0% 10%;
    --border: 0 0% 92%;
    --card: 0 0% 98%;
    --card-foreground: 0 0% 12%;
    --card-border: 0 0% 94%;
    --sidebar: 177 8% 96%;
    --sidebar-foreground: 177 8% 15%;
    --sidebar-border: 177 8% 92%;
    --sidebar-primary: 177 63% 40%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 177 8% 88%;
    --sidebar-accent-foreground: 177 8% 20%;
    --sidebar-ring: 177 63% 40%;
    --popover: 0 0% 96%;
    --popover-foreground: 0 0% 12%;
    --popover-border: 0 0% 90%;
    --primary: 177 63% 40%;
    --primary-foreground: 0 0% 100%;
    --secondary: 177 6% 90%;
    --secondary-foreground: 177 6% 18%;
    --muted: 177 6% 92%;
    --muted-foreground: 177 6% 35%;
    --accent: 177 12% 94%;
    --accent-foreground: 177 12% 20%;
    --destructive: 0 84% 42%;
    --destructive-foreground: 0 84% 98%;
    --input: 0 0% 82%;
    --ring: 177 63% 40%;
    --chart-1: 177 63% 40%;
    --chart-2: 35 91% 45%;
    --chart-3: 25 82% 48%;
    --chart-4: 45 93% 47%;
    --chart-5: 28 87% 42%;
    --font-sans: "DM Sans", system-ui, sans-serif;
    --font-serif: Georgia, serif;
    --font-mono: Menlo, monospace;
    --font-display: "Playfair Display", serif;
    --radius: .5rem;
    --shadow-2xs: 0px 2px 0px 0px hsl(0 0% 0% / 0);
    --shadow-xs: 0px 2px 0px 0px hsl(0 0% 0% / 0);
    --shadow-sm: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / .05);
    --shadow: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / .08);
    --shadow-md: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 2px 4px -1px hsl(0 0% 0% / .1);
    --shadow-lg: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 4px 6px -1px hsl(0 0% 0% / .12);
    --shadow-xl: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 8px 10px -1px hsl(0 0% 0% / .15);
    --shadow-2xl: 0px 2px 0px 0px hsl(0 0% 0% / 0);
    --tracking-normal: 0em;
    --spacing: .25rem;
    --sidebar-primary-border: hsl(var(--sidebar-primary));
    --sidebar-primary-border: hsl(from hsl(var(--sidebar-primary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
    --sidebar-accent-border: hsl(var(--sidebar-accent));
    --sidebar-accent-border: hsl(from hsl(var(--sidebar-accent)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
    --primary-border: hsl(var(--primary));
    --primary-border: hsl(from hsl(var(--primary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
    --secondary-border: hsl(var(--secondary));
    --secondary-border: hsl(from hsl(var(--secondary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
    --muted-border: hsl(var(--muted));
    --muted-border: hsl(from hsl(var(--muted)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
    --accent-border: hsl(var(--accent));
    --accent-border: hsl(from hsl(var(--accent)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
    --destructive-border: hsl(var(--destructive));
    --destructive-border: hsl(from hsl(var(--destructive)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
}
.to-transparent\/30 {
    --tw-gradient-to: rgb(0 0 0 / .3) var(--tw-gradient-to-position);
}
.from-\[\#ff1f8f\] {
    --tw-gradient-from: #ff1f8f var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 31 143 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500 {
    --tw-gradient-from: #a855f7 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#00d4ff\] {
    --tw-gradient-from: #00d4ff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 212 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-400 {
    --tw-gradient-from: #22d3ee var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.text-\[\#ff1f8f\] {
    --tw-text-opacity: 1;
    color: rgb(255 31 143 / var(--tw-text-opacity, 1));
}
.text-\[\#00d4ff\] {
    --tw-text-opacity: 1;
    color: rgb(0 212 255 / var(--tw-text-opacity, 1));
}
.text-\[\#ff1f8f\] {
    --tw-text-opacity: 1;
    color: rgb(255 31 143 / var(--tw-text-opacity, 1));
}
.text-\[\#00d4ff\] {
    --tw-text-opacity: 1;
    color: rgb(0 212 255 / var(--tw-text-opacity, 1));
}
.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.to-indigo-600 {
    --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position);
}
.via-blue-600 {
    --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #2563eb var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.from-cyan-600 {
    --tw-gradient-from: #0891b2 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.border {
    border-width: 1px;
}
.text-transparent {
    color: transparent;
}
.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
}
.to-\[\#00d4ff\] {
    --tw-gradient-to: #00d4ff var(--tw-gradient-to-position);
}
.from-\[\#ff1f8f\] {
    --tw-gradient-from: #ff1f8f var(--tw-gradient-from-position);
}
.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-primary\/10 {
    background-color: hsl(var(--primary) / .1);
}
.text-primary {
    --tw-text-opacity: 1;
    color: hsl(var(--primary) / var(--tw-text-opacity, 1));
}
.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.from-\[\#ff1f8f\]\/30 {
    --tw-gradient-from: rgb(255 31 143 / .3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 31 143 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500\/30 {
    --tw-gradient-from: rgb(168 85 247 / .3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#00d4ff\]\/30 {
    --tw-gradient-from: rgb(0 212 255 / .3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 212 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-\[\#00d4ff\]\/30 {
    --tw-gradient-to: rgb(0 212 255 / .3) var(--tw-gradient-to-position);
}
.border-\[\#00d4ff\]\/30 {
    border-color: #00d4ff4d;
}
.border-\[\#ff1f8f\]\/30 {
    border-color: #ff1f8f4d;
}
.border-purple-500\/30 {
    border-color: #a855f74d;
}
.text-purple-400 {
    --tw-text-opacity: 1;
    color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}
.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}
.font-bold {
    font-weight: 700;
}
.bg-primary\/10 {
    background-color: hsl(var(--primary) / .1);
}
.rounded-md {
    border-radius: .375rem;
}
.p-2 {
    padding: .5rem;
}
.w-5 {
    width: 1.25rem;
}
.h-5 {
    height: 1.25rem;
}
.gap-2 {
    gap: .5rem;
}
.gap-3 {
    gap: .75rem;
}
.gap-4 {
    gap: 1rem;
}
.items-start {
    align-items: flex-start;
}
.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.text-primary {
    --tw-text-opacity: 1;
    color: hsl(var(--primary) / var(--tw-text-opacity, 1));
}
.font-semibold {
    font-weight: 600;
}
.to-primary\/5 {
    --tw-gradient-to: hsl(var(--primary) / .05) var(--tw-gradient-to-position);
}
.via-primary\/10 {
    --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / .1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.from-primary\/20 {
    --tw-gradient-from: hsl(var(--primary) / .2) var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.grid {
    display: grid;
}
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
}
.mb-1 {
    margin-bottom: .25rem
}

.mb-12 {
    margin-bottom: 3rem
}

.mb-16 {
    margin-bottom: 4rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-8 {
    margin-bottom: 2rem
}
@media (max-width: 480px){ 
.grid-cols-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.mb-8 {
    margin-bottom: 15px;
}    
}