/* Variant: Quantum Globe. Radial "void" behind a screen-blended canvas (dark), soft shadows under
   text, gradient emphasis in the intro, cyan accent line above the name. */
.dark body{background:radial-gradient(circle at 50% 40%,#11111f 0%,#000 90%) fixed}
.dark .bg-canvas{mix-blend-mode:screen}
.dark .hero h1{text-shadow:0 10px 40px rgba(0,0,0,.9)}
.dark .intro strong{color:transparent;background:linear-gradient(135deg,#fff 30%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text}
.hero-head h1::before{content:"";display:block;width:56px;height:3px;margin:0 0 1rem;background:linear-gradient(90deg,var(--accent),var(--fg));box-shadow:0 0 18px color-mix(in srgb,var(--accent) 55%,transparent)}
@media (max-width:767px){.hero-head h1::before{margin-inline:auto}}
.badge,.presskit,.lang-menu,.logo-grid div{background:color-mix(in srgb,var(--card) 75%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hero-photo{outline:1px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:5px;box-shadow:0 0 60px color-mix(in srgb,var(--accent) 25%,transparent)}
.dark .intro,.dark .body p,.dark .prose p,.dark .prose h2,.dark .numbered li,.dark .headline,.dark .lead{text-shadow:0 2px 14px rgba(0,0,0,.85)}
.btn{background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 60%,#000) 100%);color:#fff;border-color:color-mix(in srgb,#fff 26%,transparent);font-weight:700}
.btn:hover{filter:brightness(1.08);box-shadow:0 14px 36px color-mix(in srgb,var(--accent) 40%,transparent)}
@media (hover:hover) and (pointer:fine){body{cursor:crosshair}:where(.nav,.mobile-menu,.overlay,.bg-toggle,.badge,.card,.logo-grid,.presskit,.photo,p,h1,h2,h3,h4,li,figcaption,blockquote,img,label){cursor:auto}:where(a,button,[role=button]){cursor:pointer}}