:root{--velvet-bg-deep:#0a0010;--velvet-bg-surface:#120820;--velvet-purple-dark:#1a0f2e;--velvet-purple:#2d1b4e;--velvet-purple-light:#4a2c7a;--velvet-neon-pink:#ff2d95;--velvet-neon-pink-glow:#ff2d9580;--velvet-neon-purple:#9d4edd;--velvet-neon-purple-glow:#9d4edd66;--velvet-neon-blue:#00d4ff;--velvet-neon-gold:gold;--velvet-glass:#2d1b4e66;--velvet-glass-dark:#120820b3;--velvet-glass-border:#ff2d9540;--velvet-glass-blur:blur(20px);--velvet-text-primary:#fff;--velvet-text-secondary:#ffffffb3;--velvet-text-muted:#fff6;--velvet-gradient-main:linear-gradient(135deg, #1a0f2e 0%, #0a0010 50%, #120820 100%);--velvet-gradient-card:linear-gradient(145deg, #2d1b4e99 0%, #120820cc 100%);--velvet-gradient-neon:linear-gradient(90deg, var(--velvet-neon-pink) 0%, var(--velvet-neon-purple) 100%);--velvet-gradient-glow:radial-gradient(ellipse at center, var(--velvet-neon-pink-glow) 0%, transparent 70%);--velvet-shadow-sm:0 2px 8px #0000004d;--velvet-shadow-md:0 4px 20px #0006;--velvet-shadow-lg:0 8px 40px #00000080;--velvet-shadow-neon:0 0 30px var(--velvet-neon-pink-glow);--velvet-shadow-glow:0 0 60px var(--velvet-neon-purple-glow);--velvet-spacing-xs:4px;--velvet-spacing-sm:8px;--velvet-spacing-md:16px;--velvet-spacing-lg:24px;--velvet-spacing-xl:32px;--velvet-spacing-2xl:48px;--velvet-radius-sm:8px;--velvet-radius-md:12px;--velvet-radius-lg:20px;--velvet-radius-xl:28px;--velvet-radius-full:9999px;--velvet-font-main:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--velvet-font-display:"Outfit", var(--velvet-font-main);--velvet-transition-fast:.15s ease;--velvet-transition-normal:.25s ease;--velvet-transition-slow:.4s cubic-bezier(.16, 1, .3, 1);--z-base:1;--z-dropdown:100;--z-modal:1000;--z-overlay:2000;--z-toast:3000}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--velvet-font-main);background:var(--velvet-gradient-main);color:var(--velvet-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--velvet-bg-deep)}::-webkit-scrollbar-thumb{background:var(--velvet-purple);border-radius:var(--velvet-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--velvet-purple-light)}.glass-card{background:var(--velvet-glass);-webkit-backdrop-filter:var(--velvet-glass-blur);border:1px solid var(--velvet-glass-border);border-radius:var(--velvet-radius-lg);box-shadow:var(--velvet-shadow-md);transition:all var(--velvet-transition-normal)}.glass-card:hover{border-color:var(--velvet-neon-pink);box-shadow:var(--velvet-shadow-neon);transform:translateY(-2px)}.btn-neon{justify-content:center;align-items:center;gap:var(--velvet-spacing-sm);padding:var(--velvet-spacing-md) var(--velvet-spacing-xl);font-family:var(--velvet-font-display);color:var(--velvet-text-primary);background:var(--velvet-gradient-neon);border-radius:var(--velvet-radius-full);cursor:pointer;transition:all var(--velvet-transition-normal);box-shadow:var(--velvet-shadow-neon);text-transform:uppercase;letter-spacing:.05em;border:none;font-size:1rem;font-weight:600;display:inline-flex}.btn-neon:hover{box-shadow:0 0 40px var(--velvet-neon-pink-glow), 0 0 80px var(--velvet-neon-purple-glow);transform:translateY(-2px)scale(1.02)}.btn-neon:active{transform:translateY(0)scale(.98)}.btn-glass{justify-content:center;align-items:center;gap:var(--velvet-spacing-sm);padding:var(--velvet-spacing-md) var(--velvet-spacing-lg);color:var(--velvet-text-primary);background:var(--velvet-glass);-webkit-backdrop-filter:var(--velvet-glass-blur);backdrop-filter:var(--velvet-glass-blur);border:1px solid var(--velvet-glass-border);border-radius:var(--velvet-radius-md);cursor:pointer;transition:all var(--velvet-transition-normal);font-weight:500;display:inline-flex}.btn-glass:hover{border-color:var(--velvet-neon-purple);background:#9d4edd4d}.input-glass{width:100%;padding:var(--velvet-spacing-md);color:var(--velvet-text-primary);background:var(--velvet-glass-dark);border:1px solid var(--velvet-glass-border);border-radius:var(--velvet-radius-md);transition:all var(--velvet-transition-fast);outline:none;font-size:1rem}.input-glass:focus{border-color:var(--velvet-neon-pink);box-shadow:0 0 20px var(--velvet-neon-pink-glow)}.input-glass::placeholder{color:var(--velvet-text-muted)}.bento-grid{gap:var(--velvet-spacing-lg);padding:var(--velvet-spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.bento-item{aspect-ratio:16/9;border-radius:var(--velvet-radius-lg);cursor:pointer;position:relative;overflow:hidden}.bento-item img{object-fit:cover;width:100%;height:100%;transition:transform var(--velvet-transition-slow)}.bento-item:hover img{transform:scale(1.05)}.bento-item-overlay{padding:var(--velvet-spacing-md);opacity:0;transition:opacity var(--velvet-transition-normal);background:linear-gradient(#0000 40%,#000c 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.bento-item:hover .bento-item-overlay{opacity:1}.loader{border:3px solid var(--velvet-purple);border-top-color:var(--velvet-neon-pink);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--velvet-neon-pink-glow)}50%{box-shadow:0 0 40px var(--velvet-neon-pink-glow), 0 0 60px var(--velvet-neon-purple-glow)}}.pulse-glow{animation:2s ease-in-out infinite pulse-glow}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s forwards fadeIn}.heading-xl{font-family:var(--velvet-font-display);background:var(--velvet-gradient-neon);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700}.heading-lg{font-family:var(--velvet-font-display);font-size:2rem;font-weight:600}.heading-md{font-family:var(--velvet-font-display);font-size:1.5rem;font-weight:600}.text-muted{color:var(--velvet-text-muted)}.text-secondary{color:var(--velvet-text-secondary)}@media (max-width:768px){.bento-grid{gap:var(--velvet-spacing-md);padding:var(--velvet-spacing-md);grid-template-columns:1fr}.heading-xl{font-size:2rem}.heading-lg{font-size:1.5rem}}