:root{--font-sans:"Outfit", sans-serif;--bg-dark:#0a0612;--bg-card:#1610248c;--bg-card-hover:#1e1630bf;--border-glass:#ffffff12;--border-glass-hover:#ff336640;--accent-pink:#ff3b6f;--accent-purple:#903eff;--accent-gold:gold;--accent-teal:#00f2fe;--text-primary:#f6f5f9;--text-secondary:#a39eb2;--text-muted:#6a647c;--gradient-primary:linear-gradient(135deg, #ff3b6f 0%, #903eff 100%);--gradient-primary-hover:linear-gradient(135deg, #ff5e8c 0%, #a662ff 100%);--gradient-dark:linear-gradient(180deg, #100a1f 0%, #06040b 100%);--gradient-gold:linear-gradient(135deg, #ffe066 0%, #f5a623 100%);--gradient-teal:linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);--shadow-glass:0 8px 32px 0 #0000005e;--shadow-glow:0 0 20px #ff3b6f59;--blur-glass:12px;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 10% 20%,#903eff14 0%,#0000 40%),radial-gradient(circle at 90% 80%,#ff3b6f14 0%,#0000 40%);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(var(--blur-glass));border:1px solid var(--border-glass);box-shadow:var(--shadow-glass);transition:var(--transition-smooth);border-radius:16px}.glass-panel-hover:hover{background:var(--bg-card-hover);border-color:var(--border-glass-hover);transform:translateY(-4px);box-shadow:0 12px 40px #ff3b6f1a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.btn-primary{background:var(--gradient-primary);color:#fff;cursor:pointer;transition:var(--transition-smooth);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:inline-flex;box-shadow:0 4px 15px #ff3b6f33}.btn-primary:hover{background:var(--gradient-primary-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{border:1px solid var(--border-glass);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:500;display:inline-flex}.btn-secondary:hover{border-color:var(--text-secondary);background:#ffffff1a;transform:translateY(-2px)}.input-field{border:1px solid var(--border-glass);width:100%;color:var(--text-primary);transition:var(--transition-smooth);background:#ffffff08;border-radius:12px;padding:14px 16px}.input-field:focus{border-color:var(--accent-pink);background:#ffffff0f;box-shadow:0 0 0 2px #ff3b6f26}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}.animate-heart{animation:2s infinite heartBeat}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s cubic-bezier(.4,0,.2,1) forwards fadeIn}.masonry-grid{grid-gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}