@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--primary-dark:#111317;--primary-deep:#0b0f12;--accent-purple:#0f6;--accent-purple-hover:#05cc53;--accent-purple-glow:#00ff6626;--accent-indigo:#6366f1;--accent-indigo-hover:#4f46e5;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bg-main:var(--primary-deep);--bg-card:#1d2124;--bg-card-hover:#272b2e;--text-main:#f3f4f6;--text-secondary:var(--gray-400);--border-color:#ffffff14;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Space Grotesk", sans-serif;--radius-sm:6px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-purple:0 10px 25px -5px #0f63;--max-width:1280px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);width:100%;min-height:100%;color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{flex-direction:column;display:flex}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}button{cursor:pointer}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}.gradient-text{background:linear-gradient(135deg,#fff 0%,#0f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.purple-gradient-text{background:linear-gradient(135deg,#6366f1 0%,#0f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn{border-radius:var(--radius-md);transition:all var(--transition-normal);justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent-purple);color:var(--primary-deep);box-shadow:var(--shadow-purple)}.btn-primary:hover{background:var(--accent-purple-hover);color:var(--primary-deep);transform:translateY(-2px);box-shadow:0 12px 30px -5px #0f66}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-main);border:1px solid var(--border-color);background-color:#ffffff14}.btn-secondary:hover{background-color:#ffffff1f;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.btn-outline{color:var(--white);border:2px solid var(--accent-purple);background:0 0}.btn-outline:hover{background-color:var(--accent-purple);color:var(--primary-deep);box-shadow:var(--shadow-purple);transform:translateY(-2px)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-main);background-color:#ffffff0a}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-premium{color:var(--gray-900);background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%)}.badge-free{color:var(--gray-300);background-color:#ffffff1a}.glass{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);background:#1d2124bf}.watermark-container{-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.watermark-overlay{pointer-events:none;z-index:2;background-image:repeating-linear-gradient(-45deg,#ffffff08 0 2px,#0000 2px 40px);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.watermark-text{color:#ffffff14;letter-spacing:.3em;text-transform:uppercase;white-space:nowrap;pointer-events:none;font-size:1.5rem;font-weight:800;transform:rotate(-30deg)}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);padding:24px}.card:hover{background-color:var(--bg-card-hover);border-color:#00ff6640;box-shadow:0 8px 30px #00000040}.masonry-grid{grid-gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-flow:dense;display:grid}@media (max-width:768px){.masonry-grid{grid-gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#0f63}::-webkit-scrollbar-thumb:hover{background:#00ff6680}