body{background:var(--bg-gradient);color:var(--light);padding-top:90px;font-family:Roboto,sans-serif;transform:translateZ(0);will-change:scroll-position;-webkit-overflow-scrolling:touch}.container{contain:layout style}.row{contain:layout}.hero-section{background:linear-gradient(135deg,#4f46e51a,#8b5cf61a);padding:80px 0 60px;text-align:center;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><circle cx="50" cy="50" r="2" fill="%236366f1" opacity="0.3"/><circle cx="120" cy="30" r="3" fill="%2310b981" opacity="0.3"/><circle cx="180" cy="80" r="2" fill="%238b5cf6" opacity="0.3"/><circle cx="30" cy="120" r="3" fill="%236366f1" opacity="0.3"/><circle cx="90" cy="170" r="2" fill="%2310b981" opacity="0.3"/><circle cx="160" cy="150" r="3" fill="%238b5cf6" opacity="0.3"/></svg>');opacity:.6;animation:float 20s ease-in-out infinite}.hero-title{font-size:3.5rem;font-weight:700;font-family:Poppins,sans-serif;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;text-align:center}.hero-subtitle{font-size:1.3rem;color:#cbd5e1;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6;text-align:center;font-weight:400}.filter-section{background:#0f172af2;border:1px solid rgba(79,70,229,.2);border-radius:20px;padding:2rem;margin:2rem 0;position:sticky;top:100px;z-index:100;box-shadow:0 4px 20px #0000004d;will-change:transform;transform:translateZ(0);contain:layout style paint}.prompt-card{background:#0f172ae6;border:1px solid rgba(79,70,229,.2);border-radius:20px;padding:2rem;margin-bottom:2rem;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;height:100%;position:relative;box-shadow:0 4px 16px #0000004d;contain:layout style paint}.prompt-card:hover{transform:translateY(-4px) translateZ(0);border-color:var(--secondary);box-shadow:0 8px 16px #10b98133}.prompt-icon{font-size:2.5rem;margin-bottom:1rem;display:block;text-align:center}.prompt-title{font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:1rem}.prompt-description{color:#f1f5f9;margin-bottom:1.5rem;line-height:1.6;font-size:.95rem}.prompt-text{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1rem;margin:1rem 0;font-family:Courier New,monospace;font-size:.85rem;color:#e2e8f0;line-height:1.5;position:relative;max-height:150px;overflow-y:auto}.category-badge{background:#8b5cf633;color:#fff;border:1px solid rgba(139,92,246,.4);padding:.3rem 1rem;border-radius:20px;font-size:.85rem;margin-right:.5rem;margin-bottom:.5rem;display:inline-block}.tag-badge{background:#4f46e533;color:#fff;border:1px solid rgba(79,70,229,.4);padding:.2rem .8rem;border-radius:15px;font-size:.75rem;margin-right:.4rem;margin-bottom:.4rem;display:inline-block}.use-prompt-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;color:#fff;padding:.7rem 1.5rem;border-radius:50px;font-weight:600;text-decoration:none;display:inline-block;transition:transform .2s ease,box-shadow .2s ease;margin-top:1rem;font-size:.9rem;box-shadow:0 4px 12px #4f46e566}.use-prompt-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4f46e580;color:#fff;text-decoration:none}.search-input,.filter-select{background:#0f172acc;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:var(--light);padding:.75rem 1rem}.search-input::placeholder{color:#cbd5e1}.search-input:focus,.filter-select:focus{background:#0f172ae6;border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4f46e54d;color:var(--light)}.filter-select option{background:var(--dark);color:var(--light)}.results-count{color:#cbd5e1;text-align:center;margin:1rem 0;font-weight:500}.clear-btn{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#fca5a5;border-radius:10px}.clear-btn:hover{background:#ef44444d;border-color:#ef444499;color:#fca5a5}.difficulty-badge{position:absolute;top:15px;right:15px;padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600}.difficulty-beginner{background:#10b98133;color:var(--secondary);border:1px solid rgba(16,185,129,.4)}.difficulty-intermediate{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.4)}.difficulty-advanced{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.4)}@media(max-width:768px){body{padding-top:70px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.filter-section{position:static;margin:1rem 0;padding:1.5rem;top:auto}.prompt-card{padding:1.5rem}.prompt-text{font-size:.8rem}}@media(max-width:576px){.hero-title{font-size:2rem}.hero-section{padding:60px 0 40px}.filter-section .row{gap:1rem}.clear-btn{margin-top:1rem}}.cursor{width:20px;height:20px;border:2px solid var(--secondary);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transition:transform .2s ease;will-change:transform;top:0;left:0}.cursor-follower{width:8px;height:8px;background:var(--primary);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transition:transform .12s ease;will-change:transform;top:0;left:0}.cursor.active{background:#10b9811a;border-color:var(--secondary)}.pagination-container{display:flex;gap:.5rem;align-items:center}.page-btn{background:#0f172acc;border:1px solid rgba(79,70,229,.3);color:var(--light);padding:.5rem .75rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.9rem;min-width:40px}.page-btn:hover:not(.disabled){background:#4f46e533;border-color:var(--primary);transform:translateY(-1px)}.page-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.page-btn.disabled{opacity:.5;cursor:not-allowed}