/* HN Multiverrse Jobs: additive visual layer. Existing content, layout and assets are retained. */
:root{--hn3d-purple:#6941e8;--hn3d-lilac:#8d7aff;--hn3d-shadow:0 18px 46px rgba(34,24,66,.14)}
html{scroll-behavior:smooth}body{overflow-x:hidden}
/* Visible ambient orbs: fixed behind content, but above the body canvas (not hidden at z-index:-1). */
body:before,body:after{content:"";position:fixed;z-index:0;pointer-events:none;border-radius:50%;opacity:.17;filter:blur(2px);will-change:transform}
body:before{width:260px;height:260px;left:-155px;top:18vh;background:radial-gradient(circle,#b6a8e5 0%,rgba(182,168,229,0) 70%);animation:hn3d-orbit 19s ease-in-out infinite alternate}
body:after{width:310px;height:310px;right:-190px;top:58vh;background:radial-gradient(circle,#b9c9f2 0%,rgba(185,201,242,0) 70%);animation:hn3d-orbit 24s ease-in-out infinite alternate-reverse}
/* Keep all real site content above the ambient layer. */
body>*{position:relative;z-index:1}
.site-header{backdrop-filter:blur(15px) saturate(155%);-webkit-backdrop-filter:blur(15px) saturate(155%);box-shadow:0 8px 26px rgba(29,20,58,.055)}
.site-header .brand img,.site-footer img{transition:transform .45s ease,filter .45s ease}.site-header .brand:hover img{transform:translateY(-3px) rotateY(-9deg) scale(1.035);filter:drop-shadow(0 9px 14px #6941e830)}
.main-nav a,.nav-dropdown>summary,.nav-actions a,.btn,.hn-button,.hn-link,.text-link{transition:transform .28s ease,box-shadow .28s ease,color .28s ease,background-color .28s ease,border-color .28s ease}
.main-nav>a:hover,.nav-dropdown>summary:hover,.nav-actions a:hover,.btn:hover,.hn-button:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(105,65,232,.16)}
/* Actual component classes found in the supplied site source, across public pages and dashboards. */
:where(.dashboard-panel,.stat-card,.metric-card,.job-card,.job-listing,.candidate-card,.employer-card,.pricing-card,.hn-testimonial-card,.hn-quick-card,.hn-resource-card,.hn-contact-card,.hn-support-topic,.hn-topic-step,.hn-founder-vision-card,.hn-about-value,.hn-about-mini-card,.hn-timeline-item,.hn-hiring-step,.hn-blog-bulletin-panel,.hn-blog-bulletin-row,.faq-item,.policy-panel,.policy-document,.admin-shortcuts>a,.overview-item,.company-logo-box,.empty-state,.status-banner,.hn-hero-sticker,.hn-support-orbit-card,.hn-quick-card,.hn-resource-card){transform-style:preserve-3d;transition:transform .38s cubic-bezier(.2,.75,.25,1),box-shadow .38s,border-color .38s;will-change:transform}
:where(.dashboard-panel,.stat-card,.metric-card,.job-card,.job-listing,.candidate-card,.employer-card,.pricing-card,.hn-testimonial-card,.hn-quick-card,.hn-resource-card,.hn-contact-card,.hn-support-topic,.hn-topic-step,.hn-founder-vision-card,.hn-about-value,.hn-about-mini-card,.hn-timeline-item,.hn-hiring-step,.hn-blog-bulletin-panel,.hn-blog-bulletin-row,.faq-item,.policy-panel,.policy-document,.admin-shortcuts>a,.overview-item,.company-logo-box,.empty-state,.status-banner,.hn-hero-sticker,.hn-support-orbit-card):hover{transform:translateY(-7px) rotateX(1.3deg);box-shadow:var(--hn3d-shadow);border-color:#bfb4e1}
/* 3D motion on the real hero/illustration classes used by the homepage and information pages. */
:where(.hn-hero-art-ring,.hn-hero-orbit-dot,.hn-about-orbit,.hn-about-floating,.hn-contact-float,.hn-contact-card-shape,.hn-support-ring,.hn-blog-float,.hn-blog-book,.jobs-art-float,.faq-float-chip,.hn-topic-decoration,.hn-hero-sticker){transform-style:preserve-3d;animation:hn3d-float 6.5s ease-in-out infinite;will-change:transform}
.hn-hero-orbit-dot:nth-child(2n),.hn-about-floating:nth-child(2n),.hn-contact-float:nth-child(2n),.hn-blog-float:nth-child(2n),.faq-float-chip:nth-child(2n){animation-delay:-2.7s;animation-duration:8s}
:where(.hn-info-hero,.page-hero,.hn-section,.hn-info-section-head,.hn-testimonials-stage,.hn-about-hero,.hn-founder-hero,.hn-contact-hero,.hn-support-hero) img{transition:transform .55s ease,filter .55s ease;transform:translateZ(0)}
:where(.hn-info-hero,.page-hero,.hn-section,.hn-testimonials-stage,.hn-about-hero,.hn-founder-hero,.hn-contact-hero,.hn-support-hero) a:has(img):hover img{transform:translateY(-5px) scale(1.025);filter:drop-shadow(0 16px 20px rgba(28,20,56,.17))}
/* Buttons/icons receive tactile depth without changing their dimensions or actions. */
:where(.hn-value-icon,.hn-quick-icon,.hn-support-topic-icon,.hn-contact-card-icon,.hn-mini-icon,.nav-icon,.field-icon){transition:transform .35s ease,filter .35s ease}
:where(.hn-quick-card,.hn-contact-card,.hn-support-topic,.hn-resource-card,.hn-about-value):hover :where(.hn-value-icon,.hn-quick-icon,.hn-support-topic-icon,.hn-contact-card-icon,.hn-mini-icon){transform:translateY(-4px) rotateY(12deg) scale(1.06);filter:drop-shadow(0 8px 10px #6941e825)}
/* Pointer tilt class is attached by JS only to suitable non-interactive card surfaces. */
.hn3d-tilt{transform:perspective(950px) rotateX(var(--hn3d-x,0deg)) rotateY(var(--hn3d-y,0deg)) translateY(var(--hn3d-lift,0px));transform-style:preserve-3d}
@keyframes hn3d-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -11px;rotate:1deg}}
@keyframes hn3d-orbit{0%{transform:translate3d(0,-10px,0) scale(.94)}100%{transform:translate3d(32px,40px,0) scale(1.08)}}
@media(max-width:760px){body:before{width:170px;height:170px;opacity:.12}body:after{width:200px;height:200px;opacity:.12}:where(.dashboard-panel,.stat-card,.metric-card,.job-card,.job-listing,.candidate-card,.employer-card,.pricing-card,.hn-testimonial-card,.hn-quick-card,.hn-resource-card,.hn-contact-card,.hn-support-topic,.hn-topic-step,.hn-founder-vision-card,.hn-about-value,.hn-about-mini-card,.hn-timeline-item,.hn-hiring-step,.hn-blog-bulletin-panel,.hn-blog-bulletin-row,.faq-item,.policy-panel,.policy-document,.admin-shortcuts>a,.overview-item,.company-logo-box,.empty-state,.status-banner):hover{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hn3d-tilt{transform:none!important}}