@tailwind base;@tailwind components;@tailwind utilities;:root,[data-theme=dark]{--bg-color: #0a0a0a;--bg-secondary: #0f0f0f;--surface-color: rgba(15, 15, 15, .7);--surface-solid: #171717;--surface-hover: rgba(255, 255, 255, .05);--border-color: rgba(255, 255, 255, .08);--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent-color: #6366f1;--accent-hover: #818cf8;--glass-bg: rgba(23, 23, 23, .9);--input-bg: #1f1f1f;--input-focus-bg: #262626;--scrollbar-thumb: #334155;--aurora-opacity: .15;--card-bg: #1f1f1f;--card-inactive-bg: #1f1f1f;--button-bg: #ffffff;--button-text: #000000;--header-bg: rgba(10, 10, 10, .8);--style-card-inactive-bg: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .02));--style-card-active-border: rgba(255, 255, 255, 0);--style-card-active-shadow: 0 24px 70px -40px rgba(0, 0, 0, .95);--style-card-inactive-shadow: 0 2px 16px -14px rgba(0, 0, 0, .55);--style-card-title-active: rgba(0, 0, 0, .92);--style-card-desc-active: rgba(0, 0, 0, .55);--style-card-dot-active: rgba(0, 0, 0, .85);--style-card-dot-shadow: none;--style-card-badge-border: rgba(255, 255, 255, .38);--style-card-badge-bg: rgba(255, 255, 255, .62);--style-card-badge-fg: #000000;--ratio-active-bg: #ffffff;--ratio-active-fg: #0a0a0a;--ratio-active-border: rgba(255, 255, 255, 0);--ratio-active-shadow: 0 18px 55px -40px rgba(0, 0, 0, .9);--ratio-inactive-bg: rgba(255, 255, 255, .03);--style-card-inactive-bg: var(--ratio-inactive-bg)}body[data-theme=light]{--bg-color: #f8fafc;--bg-secondary: #ffffff;--surface-color: rgba(255, 255, 255, .95);--surface-solid: #ffffff;--surface-hover: #f1f5f9;--border-color: #e2e8f0;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--accent-color: #6366f1;--accent-hover: #4f46e5;--glass-bg: rgba(255, 255, 255, .95);--input-bg: #f1f5f9;--input-focus-bg: #e2e8f0;--scrollbar-thumb: #cbd5e1;--aurora-opacity: .04;--card-bg: #f1f5f9;--card-inactive-bg: #f1f5f9;--button-bg: #6366f1;--button-text: #ffffff;--header-bg: rgba(255, 255, 255, .8);--style-card-inactive-bg: var(--ratio-inactive-bg);--style-card-active-bg: linear-gradient(135deg, rgba(238, 242, 255, .95) 0%, rgba(224, 231, 255, .85) 50%, rgba(199, 210, 254, .7) 100%);--style-card-active-border: rgba(99, 102, 241, 1);--style-card-active-shadow: 0 4px 20px -4px rgba(99, 102, 241, .25);--style-card-inactive-shadow: 0 1px 3px 0 rgba(0, 0, 0, .05);--style-card-title-active: #6366f1;--style-card-desc-active: rgba(99, 102, 241, .7);--style-card-dot-active: #6366f1;--style-card-dot-shadow: 0 0 6px rgba(99, 102, 241, .45);--style-card-badge-bg: linear-gradient(135deg, rgba(238, 242, 255, .95) 0%, rgba(199, 210, 254, .85) 100%);--style-card-badge-border: rgba(165, 180, 252, .7);--style-card-badge-fg: #6366f1;--ratio-active-bg: var(--surface-solid);--ratio-active-fg: #6366f1;--ratio-active-border: #6366f1;--ratio-active-shadow: 0 4px 15px -3px rgba(99, 102, 241, .2);--ratio-inactive-bg: var(--card-inactive-bg)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow:hidden;font-size:14px;transition:background-color .3s ease,color .3s ease}html.theme-switching button,html.theme-switching button *,html.theme-switching input,html.theme-switching textarea,html.theme-switching select{transition-property:background-color,color,border-color,box-shadow,outline-color,fill,stroke,opacity;transition-duration:.24s;transition-timing-function:cubic-bezier(.2,.8,.2,1)}@media(prefers-reduced-motion:reduce){html.theme-switching button,html.theme-switching button *,html.theme-switching input,html.theme-switching textarea,html.theme-switching select{transition-duration:0ms}}.aurora-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.aurora-blob{position:absolute;width:60vw;height:60vw;border-radius:50%;filter:blur(120px);opacity:var(--aurora-opacity);animation:move 20s infinite alternate}@keyframes move{0%{transform:translate(-10%,-10%) rotate(0)}to{transform:translate(10%,10%) rotate(360deg)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}.custom-scrollbar::-webkit-scrollbar{width:2px}.glass-panel{background:var(--surface-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:1.5rem}.clip-path-stand{clip-path:polygon(25% 0%,75% 0%,100% 100%,0% 100%)}textarea{background:var(--input-bg)!important;border:1px solid var(--border-color)!important;border-radius:.75rem!important;color:var(--text-primary)!important}textarea::placeholder{color:var(--text-muted)!important}textarea:focus{border-color:var(--accent-color)!important;background:var(--input-focus-bg)!important;outline:none!important;box-shadow:0 0 0 3px #6366f11a!important}.style-card-overflow{overflow:visible!important}body[data-theme=light] .bg-black{background-color:var(--bg-color)!important}body[data-theme=light] .bg-black\/40{background-color:var(--glass-bg)!important}body[data-theme=light] .text-white{color:var(--text-primary)!important}body[data-theme=light] .bg-indigo-500.text-white,body[data-theme=light] .bg-indigo-600.text-white,body[data-theme=light] .bg-indigo-400.text-white{color:#fff!important}body[data-theme=light] .text-zinc-300{color:var(--text-primary)!important}body[data-theme=light] .text-zinc-400,body[data-theme=light] .text-zinc-500{color:var(--text-secondary)!important}body[data-theme=light] .text-zinc-600,body[data-theme=light] .text-zinc-700,body[data-theme=light] .text-zinc-800{color:var(--text-muted)!important}body[data-theme=light] .border-white\/5,body[data-theme=light] .border-white\/10,body[data-theme=light] .border-white\/20{border-color:var(--border-color)!important}body[data-theme=light] .bg-white\/3,body[data-theme=light] .bg-white\/5,body[data-theme=light] .bg-white\/10,body[data-theme=light] .bg-white\/20,body[data-theme=light] .hover\:bg-white\/5:hover{background-color:var(--surface-hover)!important}body[data-theme=light] .hover\:bg-white\/10:hover{background-color:#e2e8f0!important}body[data-theme=light] .hover\:text-white:hover{color:var(--text-primary)!important}body[data-theme=light] .bg-zinc-900,body[data-theme=light] .bg-zinc-900\/80{background-color:var(--surface-solid)!important}body[data-theme=light] .bg-zinc-800{background-color:var(--surface-hover)!important}body[data-theme=light] .bg-zinc-700{background-color:#e2e8f0!important}body[data-theme=light] .selection\:bg-white\/20::selection{background-color:#6366f14d!important}body[data-theme=light] .shadow-xl{box-shadow:0 4px 15px -3px #00000014,0 4px 6px -4px #0000000a!important}body[data-theme=light] .shadow-2xl{box-shadow:0 10px 30px -8px #0000001a!important}body[data-theme=light] .shadow-lg{box-shadow:0 4px 12px -2px #0000000f!important}body[data-theme=light] aside{background-color:var(--glass-bg)!important;border-color:var(--border-color)!important}body[data-theme=light] .lucide:not([class*=text-]){color:var(--text-secondary)}body[data-theme=light] button[class*=rounded-full]{border-color:var(--border-color)}body[data-theme=light] .style-card-inactive{background-color:var(--style-card-inactive-bg)!important}body[data-theme=light] .style-card-active{background:var(--style-card-active-bg)!important}body[data-theme=light] .membership-plan-basic{border-color:#6366f1a6!important;background:linear-gradient(135deg,#eef2fff2,#e0e7ffd9,#c7d2feb3)!important;box-shadow:0 10px 30px -8px #6366f12e!important}body[data-theme=light] .membership-topup-card{background-color:var(--surface-color)!important;border-color:var(--border-color)!important;box-shadow:0 10px 25px -12px #0f172a26!important}body[data-theme=light] .membership-topup-card .membership-topup-icon{color:var(--accent-color)!important}body[data-theme=light] .membership-lifetime{color:var(--text-primary)!important;background:radial-gradient(1200px 520px at 15% 15%,rgba(99,102,241,.26),transparent 60%),radial-gradient(900px 520px at 85% 25%,rgba(59,130,246,.18),transparent 55%),linear-gradient(135deg,#6366f11f,#3b82f61a 55%,#6366f114)!important}body[data-theme=light] .membership-lifetime .text-zinc-200{color:var(--text-secondary)!important}body[data-theme=light] .membership-lifetime [class*="bg-white/10"]{background-color:#fff9!important}body[data-theme=light] .membership-lifetime [class*="border-white/15"],body[data-theme=light] .membership-lifetime [class*="border-white/10"]{border-color:#6366f129!important}body[data-theme=light] .membership-lifetime .text-white\/90{color:var(--text-primary)!important}body[data-theme=light] .image-modal .bg-zinc-950{background-color:var(--bg-color)!important}body[data-theme=light] .image-modal .bg-zinc-950\/50{background-color:var(--input-bg)!important}body[data-theme=light] .image-modal .bg-zinc-900{background-color:var(--surface-solid)!important}body[data-theme=light] .image-modal .bg-zinc-800,body[data-theme=light] .image-modal .bg-zinc-800\/50,body[data-theme=light] .image-modal .bg-zinc-800\/30{background-color:var(--surface-hover)!important}body[data-theme=light] .image-modal .hover\\:bg-zinc-800:hover,body[data-theme=light] .image-modal .hover\\:bg-zinc-700:hover{background-color:#e2e8f0!important}body[data-theme=light] .image-modal .shadow-2xl{box-shadow:0 14px 40px -18px #0f172a2e!important}body[data-theme=light] .image-modal .image-modal-preview-btn{background-color:#6366f11a!important;border-color:#6366f138!important;color:#4f46e5!important}body[data-theme=light] .image-modal .image-modal-preview-btn:hover{background-color:#6366f124!important}body[data-theme=light] .mockup-overlay .text-zinc-500{color:#ffffffa6!important}body[data-theme=light] .mockup-overlay .text-zinc-400{color:#ffffffbf!important}body[data-theme=light] .mockup-overlay .text-white{color:#ffffffeb!important}body[data-theme=light] .mockup-overlay .hover\\:text-zinc-300:hover{color:#ffffffd9!important}body[data-theme=light] .image-grid-overlay .text-zinc-300{color:#ffffffd9!important}body[data-theme=light] .image-grid-overlay .text-white,body[data-theme=light] .image-grid-pinned-badge .text-white{color:#ffffffeb!important}body[data-theme=light] .image-grid-overlay .bg-white\/10{background-color:#ffffff1a!important}body[data-theme=light] .image-grid-overlay .border-white\/5{border-color:#ffffff0d!important}body[data-theme=light] .image-grid-overlay .hover\:bg-white\/20:hover{background-color:#fff3!important}body[data-theme=light] .image-modal .image-modal-mobile-close.text-white{color:#ffffffeb!important}.floating-theme-toggle{position:fixed;bottom:1.5rem;right:1.5rem;width:3rem;height:3rem;border-radius:9999px;background-color:var(--surface-solid);border:1px solid var(--border-color);box-shadow:0 10px 40px -10px #0000004d;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:9999;transition:transform .2s ease,box-shadow .2s ease}.floating-theme-toggle:hover{transform:scale(1.1);box-shadow:0 15px 50px -10px #0006}.floating-theme-toggle:active{transform:scale(.95)}body[data-theme=light] .floating-theme-toggle{background-color:var(--surface-solid);border-color:var(--border-color);box-shadow:0 10px 40px -10px #00000026}body[data-theme=light] .floating-theme-toggle:hover{box-shadow:0 15px 50px -10px #0003}.masonry-grid-column{background-clip:padding-box}.masonry-grid-column>*{margin-bottom:2rem}