.agent-genre{margin-top:70px;padding:42px;border:1px solid #9f78ec55;border-radius:20px;background:radial-gradient(circle at 94% 4%,#623caf42,transparent 34%),linear-gradient(145deg,#171029,#0b1123 72%);box-shadow:inset 0 1px #ffffff19,0 28px 80px #02020e60;position:relative;overflow:hidden}
.agent-genre::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 30%,#9c69ff0b 50%,transparent 70%);animation:genreSweep 9s linear infinite}
.agent-genre-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:34px;position:relative}
.agent-genre-kicker{color:#bc9aff;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.22em}
.agent-genre-heading h3{font-size:clamp(27px,3.5vw,45px);line-height:1.4;letter-spacing:-.06em;margin:13px 0 0}
.agent-genre-heading p{font-size:12px;line-height:2;color:#aaa3be;margin:0;max-width:320px}
.agent-genre-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative}
.agent-genre-card{min-height:226px;padding:22px;border:1px solid #ffffff1c;border-radius:12px;background:linear-gradient(145deg,#221935dd,#121524dd);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.agent-genre-card:hover{transform:translateY(-5px);border-color:#b58aff9c;box-shadow:0 18px 32px #10061c80}
.agent-genre-card::before{content:'';position:absolute;right:-45px;top:-55px;width:150px;height:150px;border:1px solid #b477ff3d;border-radius:50%;box-shadow:0 0 0 23px #9870f010,0 0 0 48px #9870f00a}
.agent-genre-card:nth-child(2),.agent-genre-card:nth-child(5){background:linear-gradient(145deg,#20183a,#121527)}
.agent-genre-card:nth-child(3),.agent-genre-card:nth-child(6){background:linear-gradient(145deg,#142033,#101522)}
.agent-genre-no{color:#a995d0;font:700 9px 'Space Grotesk',sans-serif;letter-spacing:.17em;position:relative}
.agent-genre-icon{position:absolute;right:22px;top:45px;color:#c69aff;font:700 44px 'Space Grotesk',sans-serif;text-shadow:0 0 24px #b975ff9a}
.agent-genre-card:nth-child(3n) .agent-genre-icon{color:#88e4ff;text-shadow:0 0 24px #54dfff8a}
.agent-genre-card h4{font-size:17px;line-height:1.52;letter-spacing:-.035em;margin:auto 0 8px;position:relative;max-width:90%}
.agent-genre-card h4 small{color:#ccaff4;font-size:11px;font-weight:700;letter-spacing:0}
.agent-genre-card p{font-size:11px;color:#a9a1bc;line-height:1.7;margin:0;position:relative}
@keyframes genreSweep{50%{transform:translateX(8%)}}
@media(max-width:1000px){.agent-genre-heading{display:block}.agent-genre-heading p{margin-top:16px;max-width:none}.agent-genre-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.agent-genre{margin-top:45px;padding:25px 17px;border-radius:16px}.agent-genre-heading{display:block;margin-bottom:24px}.agent-genre-heading h3{font-size:29px}.agent-genre-heading p{font-size:11px;margin-top:16px}.agent-genre-grid{grid-template-columns:1fr;gap:9px}.agent-genre-card{min-height:155px;padding:19px}.agent-genre-card h4{font-size:16px;margin:21px 0 5px}.agent-genre-icon{top:20px;font-size:36px}.agent-genre-card p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.agent-genre::before{animation:none}}