.holo-container{position:relative;min-height:100vh;background:#0a0a0a;display:flex;align-items:center;justify-content:center;padding:4rem 1rem;overflow:hidden}.holo-aurora{position:absolute;inset:-20%;pointer-events:none;background:radial-gradient(40% 35% at 20% 30%,rgba(55,138,221,.18),transparent 70%),radial-gradient(35% 30% at 80% 25%,rgba(186,117,23,.14),transparent 70%),radial-gradient(45% 40% at 60% 80%,rgba(59,109,17,.14),transparent 70%);filter:blur(40px);animation:holo-aurora 18s ease-in-out infinite alternate}@keyframes holo-aurora{0%{transform:translateZ(0) rotate(0deg)}50%{transform:translate3d(3%,-2%,0) rotate(6deg)}to{transform:translate3d(-3%,2%,0) rotate(-4deg)}}.holo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(180px,auto);gap:1rem;perspective:1200px}@media (max-width:767px){.holo-grid{grid-template-columns:1fr}.holo-grid>*{grid-column:auto!important;grid-row:auto!important}}.holo-tilt{--mx:50%;--my:50%;--rx:0deg;--ry:0deg;position:relative;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .25s cubic-bezier(.23,1,.32,1),border-color .25s;will-change:transform}.holo-tilt:hover{transition:transform .08s linear,border-color .25s}.holo-item{padding:1.5rem;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.holo-item:hover{border-color:rgba(255,255,255,.16)}.holo-tilt:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(400px circle at var(--mx) var(--my),rgba(255,255,255,.08),transparent 40%);opacity:0;transition:opacity .3s}.holo-tilt:hover:before{opacity:1}.holo-item>*{position:relative}.holo-border{position:absolute!important;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;opacity:0;transition:opacity .35s;z-index:1}:hover>.holo-border{opacity:1}.holo-border rect{fill:none;stroke-linecap:butt;animation:holo-cometa 2.6s linear infinite}.holo-border .c-cauda{stroke-width:1.5}.holo-border .c-ponta{stroke:#fff;stroke-width:1.5;stroke-dasharray:0 49.6 .4 50;filter:drop-shadow(0 0 2px var(--holo-color,#fff))}@keyframes holo-cometa{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}@media (prefers-reduced-motion:reduce){.holo-aurora,.holo-border rect{animation:none}.holo-tilt{transform:none!important}}