
/* V127 Hemasonics + Masterful Mastery */
.mastery-portal-masterful{margin-top:14px!important;padding:24px!important;grid-template-columns:82px minmax(0,1fr) 220px!important;background:radial-gradient(circle at 12% 25%,rgba(184,96,255,.30),transparent 34%),radial-gradient(circle at 86% 12%,rgba(255,255,255,.08),transparent 28%),linear-gradient(135deg,#1b1025,#08060b 72%)!important;border:1px solid rgba(243,226,255,.72)!important;box-shadow:0 18px 48px #000a,0 0 30px rgba(151,72,225,.22),inset 0 1px rgba(255,255,255,.18)!important}
.mastery-portal-masterful .mastery-portal-jewel{width:78px;height:78px;border-radius:25px;font-size:38px}
.mastery-portal-masterful .mastery-portal-copy h2{font-size:34px!important;margin:5px 0 8px!important}
.mastery-portal-masterful .mastery-portal-copy p{font-size:13px!important;line-height:1.52!important;color:#eee8f2!important;max-width:920px}
.mastery-portal-masterful .mastery-portal-copy p strong{color:#fff}
.mastery-value-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.mastery-value-pills span{padding:6px 9px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#0007;color:#fff;font-size:9px;font-weight:900;letter-spacing:.035em}
.mastery-portal-masterful .mastery-portal-button{min-width:210px;min-height:68px;background:linear-gradient(180deg,#a45ee1,#4f1e75 58%,#190821)!important;box-shadow:0 0 0 2px #130718,0 12px 26px #000b,0 0 30px rgba(164,80,235,.5),inset 0 2px rgba(255,255,255,.45),inset 0 -12px 18px rgba(18,4,29,.7)!important}
.hemasonics-feature{position:relative;display:grid;grid-template-columns:180px minmax(0,1fr) 235px;align-items:center;gap:22px;margin-top:18px;padding:18px;border:1px solid rgba(241,220,255,.68);border-radius:26px;overflow:hidden;background:radial-gradient(circle at 12% 18%,rgba(177,86,255,.26),transparent 32%),radial-gradient(circle at 86% 10%,rgba(255,194,92,.14),transparent 28%),linear-gradient(135deg,#08070b,#21102f 58%,#070609);box-shadow:0 22px 55px #000a,0 0 34px rgba(144,65,220,.25),inset 0 1px rgba(255,255,255,.14)}
.hemasonics-feature:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.08) 45%,transparent 68%);transform:translateX(-100%);animation:hemashine 8s ease-in-out infinite}@keyframes hemashine{0%,72%{transform:translateX(-100%)}92%,100%{transform:translateX(100%)}}
.hemasonics-image-wrap{position:relative;z-index:1}.hemasonics-image-wrap img{display:block;width:180px;height:180px;object-fit:cover;border-radius:20px;border:1px solid rgba(255,255,255,.75);box-shadow:0 0 0 3px rgba(42,13,59,.9),0 14px 30px #000b,0 0 28px rgba(177,83,241,.35)}
.hemasonics-must{position:absolute;left:10px;right:10px;bottom:10px;padding:7px 8px;border:1px solid rgba(255,255,255,.8);border-radius:999px;background:rgba(3,3,5,.88);color:#fff;text-align:center;font-size:8px;font-weight:950;letter-spacing:.14em;box-shadow:0 0 18px rgba(166,79,235,.36)}
.hemasonics-copy{position:relative;z-index:1;min-width:0}.hemasonics-kicker{margin:0;color:#d9a8ff;font-size:9px;font-weight:950;letter-spacing:.18em}.hemasonics-copy h2{margin:5px 0 0;font:600 34px/1 Georgia,serif;color:#fff}.hemasonics-copy h3{margin:4px 0 9px;font:600 21px/1.08 Georgia,serif;color:#eadcff}.hemasonics-lead,.hemasonics-nutshell{margin:0 0 8px;color:#eee8f2;font-size:12px;line-height:1.48}.hemasonics-lead strong,.hemasonics-nutshell strong{color:#fff}.hemasonics-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.hemasonics-tags span{padding:6px 9px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:#0006;color:#fff;font-size:8px;font-weight:850}.hemasonics-tagline{margin-top:10px;color:#e7dce9;font-size:12px;letter-spacing:.04em}.hemasonics-tagline strong{color:#d6a1ff}
.hemasonics-play{position:relative;z-index:1;min-height:78px;padding:12px 18px;border-radius:20px;border:1px solid #fff;background:linear-gradient(180deg,#181a20,#050608 72%,#000);color:#fff;box-shadow:0 0 0 3px rgba(35,10,51,.95),0 14px 28px #000b,0 0 30px rgba(167,80,235,.42),inset 0 2px rgba(255,255,255,.24),inset 0 -12px 18px rgba(0,0,0,.68);cursor:pointer}.hemasonics-play span{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:8px;border-radius:12px;background:radial-gradient(circle at 35% 30%,#fff,#c78eff 20%,#7131a8 58%,#170821 78%);border:1px solid #fff;box-shadow:0 0 18px rgba(187,99,255,.62)}.hemasonics-play strong,.hemasonics-play small{display:block}.hemasonics-play strong{margin-top:6px;font-size:13px;letter-spacing:.05em}.hemasonics-play small{margin-top:4px;color:#d9cde0;font-size:9px}
@media(max-width:900px){.mastery-portal-masterful{grid-template-columns:62px 1fr!important}.mastery-portal-masterful .mastery-portal-button{grid-column:1/-1;width:100%}.hemasonics-feature{grid-template-columns:130px 1fr}.hemasonics-image-wrap img{width:130px;height:130px}.hemasonics-play{grid-column:1/-1;width:100%}}
@media(max-width:600px){.mastery-portal-masterful{padding:15px!important;grid-template-columns:48px 1fr!important}.mastery-portal-masterful .mastery-portal-jewel{width:48px;height:48px;border-radius:16px;font-size:24px}.mastery-portal-masterful .mastery-portal-copy h2{font-size:25px!important}.mastery-portal-masterful .mastery-portal-copy p{font-size:11px!important}.mastery-value-pills span{font-size:8px}.hemasonics-feature{grid-template-columns:98px minmax(0,1fr);gap:12px;padding:12px;border-radius:22px}.hemasonics-image-wrap img{width:98px;height:98px;border-radius:16px}.hemasonics-must{font-size:6px;left:5px;right:5px;bottom:5px;padding:5px}.hemasonics-copy h2{font-size:24px}.hemasonics-copy h3{font-size:16px}.hemasonics-lead,.hemasonics-nutshell{font-size:10.5px}.hemasonics-tags{grid-column:1/-1}.hemasonics-play{min-height:62px}.hemasonics-play strong{font-size:12px}}
