:root{--bg-void:#07070f;--bg-deep:#0d0d1a;--bg-surface:#12121f;--bg-elevated:#1a1a2e;--violet:#8b5cf6;--violet-light:#a78bfa;--violet-dark:#6d28d9;--pink:#ec4899;--pink-light:#f472b6;--cyan:#06b6d4;--cyan-light:#22d3ee;--green:#10b981;--text-primary:#f8f8ff;--text-secondary:#a0a0c0;--text-muted:#5a5a7a;--glass-bg:#ffffff0a;--glass-border:#ffffff14;--glass-hover:#ffffff12;--glass-blur:blur(24px);--grad-primary:linear-gradient(135deg, var(--violet), var(--pink));--grad-secondary:linear-gradient(135deg, var(--cyan), var(--violet));--grad-hero:linear-gradient(135deg, #8b5cf6 0%, #ec4899 50%, #06b6d4 100%);--grad-card:linear-gradient(135deg, #8b5cf626, #ec48991a);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:100px;--font-display:"Space Grotesk", sans-serif;--font-body:"DM Sans", sans-serif;--shadow-glow-violet:0 0 30px #8b5cf640;--shadow-glow-pink:0 0 30px #ec489940;--shadow-card:0 8px 32px #0006;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-void);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;font-size:16px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--violet-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--violet)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-weight:700;line-height:1.15}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-body);border:none;outline:none}input,textarea,select{font-family:var(--font-body);border:none;outline:none}.grad-text{background:var(--grad-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.glass-card:hover{background:var(--glass-hover);border-color:#8b5cf64d}.btn-primary{background:var(--grad-primary);color:#fff;font-family:var(--font-display);border-radius:var(--radius-pill);transition:all var(--duration-normal) var(--ease-spring);align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary:after{content:"";transition:background var(--duration-fast);background:#fff0;position:absolute;inset:0}.btn-primary:hover{box-shadow:var(--shadow-glow-violet);transform:translateY(-2px)scale(1.02)}.btn-primary:hover:after{background:#ffffff1a}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-secondary{background:var(--glass-bg);color:var(--text-primary);font-family:var(--font-display);border-radius:var(--radius-pill);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:all var(--duration-normal) var(--ease-smooth);align-items:center;gap:8px;padding:13px 26px;font-size:15px;font-weight:600;display:inline-flex}.btn-secondary:hover{background:var(--glass-hover);border-color:#8b5cf666;transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--duration-fast);background:0 0;align-items:center;gap:6px;padding:8px 16px;font-size:14px;display:inline-flex}.btn-ghost:hover{color:var(--text-primary);background:var(--glass-bg)}.skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, #8b5cf61a 50%, var(--bg-elevated) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #8b5cf64d}50%{box-shadow:0 0 40px #8b5cf699}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes popIn{0%{opacity:0;transform:scale(.85)translateY(10px)}70%{transform:scale(1.03)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}.animate-fade-up{animation:fadeUp var(--duration-slow) var(--ease-smooth) forwards}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-smooth) forwards}.animate-float{animation:3s ease-in-out infinite float}.animate-pop-in{animation:popIn var(--duration-slow) var(--ease-spring) forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}body:before{content:"";pointer-events:none;z-index:9999;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}.input-glass{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);padding:14px 18px;font-size:15px}.input-glass:focus{border-color:var(--violet);box-shadow:0 0 0 3px #8b5cf626}.input-glass::placeholder{color:var(--text-muted)}.container{max-width:1280px;margin:0 auto;padding:0 24px}@media (max-width:768px){.container{padding:0 16px}}.tag{border-radius:var(--radius-pill);font-size:12px;font-weight:600;font-family:var(--font-display);letter-spacing:.01em;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.tag-viral{color:var(--pink-light);background:#ec489926;border:1px solid #ec489940}.tag-hot{color:#fb923c;background:#fb923c26;border:1px solid #fb923c40}.tag-new{color:var(--green);background:#10b98126;border:1px solid #10b98140}.tag-deal{color:var(--violet-light);background:#8b5cf626;border:1px solid #8b5cf640}.divider{background:var(--glass-border);height:1px;margin:24px 0}.section{padding:80px 0}@media (max-width:768px){.section{padding:48px 0}}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-card);pointer-events:all;max-width:340px;animation:popIn .3s var(--ease-spring);align-items:center;gap:12px;padding:14px 20px;font-size:14px;font-weight:500;display:flex}.toast-success{border-left:3px solid var(--green)}.toast-error{border-left:3px solid var(--pink)}.toast-info{border-left:3px solid var(--violet)}.marquee-wrapper{position:relative;overflow:hidden}.marquee-track{width:max-content;animation:25s linear infinite marquee;display:flex}.marquee-wrapper:hover .marquee-track{animation-play-state:paused}.bento-grid{gap:16px;display:grid}.iridescent-border{position:relative}.iridescent-border:before{content:"";border-radius:inherit;background:var(--grad-hero);z-index:-1;opacity:0;transition:opacity var(--duration-normal);position:absolute;inset:-1px}.iridescent-border:hover:before{opacity:.5}