.hero-essential{position:relative;z-index:2;display:flex;align-items:center;gap:18px;width:min(100%,440px);box-sizing:border-box;margin:26px auto 0;padding:17px 22px;border:1px solid rgba(189,156,255,.4);border-radius:20px;background:linear-gradient(115deg,rgba(123,70,185,.19),rgba(34,137,156,.12));text-decoration:none;color:#f6f2ff;text-align:left;box-shadow:0 10px 50px #9467e014;transition:transform .2s,border-color .2s,background .2s}.hero-essential:hover{transform:translateY(-3px);border-color:#bda3ff;background:linear-gradient(115deg,rgba(123,70,185,.29),rgba(34,137,156,.2))}.hero-essential:focus-visible{outline:2px solid #8ee4ef;outline-offset:5px}.hero-essential img{width:64px;height:64px;object-fit:contain;flex-shrink:0}.hero-essential-copy{display:grid;gap:7px;min-width:0}.hero-essential-name{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:700;font-size:.95rem}.hero-essential-name>span{font-size:.69rem;font-weight:600;color:#bfeff3;background:#8fdfea10;border:1px solid #8fdfea30;padding:4px 8px;border-radius:20px;white-space:nowrap}.hero-essential-description{font-size:.8rem;color:#cec7de;line-height:1.5}.hero-essential-link{font-size:.75rem;font-weight:600;color:#d5b8ff}.nav-links .nav-essential{color:#d6b8ff}.nav-links .nav-essential::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#b790f1;margin-right:7px;box-shadow:0 0 10px #c09fff88}@media(max-width:480px){.hero-essential{gap:12px;padding:15px;width:min(100%,350px);margin-top:22px}.hero-essential img{width:48px;height:48px}.hero-essential-name{gap:7px;font-size:.9rem}.hero-essential-description{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.hero-essential{transition:none}.hero-essential:hover{transform:none}}