.zone-tile{box-sizing:border-box;background-color:#0a0f14;border:1px solid rgba(255,255,255,.04);border-radius:12px;transition:all .18s cubic-bezier(.4,0,.2,1);transform:scale(.995);display:flex;flex-direction:column;justify-content:space-between;padding:32px;min-height:200px}@media(min-width:768px){.zone-tile{padding:48px 52px;min-height:260px}}.zone-tile:hover{transform:scale(1) translateY(-4px);border-color:rgba(var(--zone-color),.6);box-shadow:0 8px 30px #00000059,0 0 20px rgba(var(--zone-color),var(--glow-opacity, .15))}.zone-tile .title{font-weight:500;letter-spacing:.12em;color:#e8edf3;text-transform:uppercase;transition:color .18s ease;white-space:normal;word-break:keep-all}.zone-tile:hover .title{color:#fff}.zone-tile .whisper{font-size:13px;opacity:.55;max-width:240px;transition:opacity .18s ease}.zone-tile:hover .whisper{opacity:.75}.zone-tile .system-tag{font-size:11px;letter-spacing:.18em;opacity:.35}@keyframes ambient-pulse-horizontal{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes ambient-particle-drift{0%{transform:translate(0)}25%{transform:translate(30px,15px)}50%{transform:translate(60px)}75%{transform:translate(30px,-15px)}to{transform:translate(0)}}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(3deg)}}@keyframes float-slower{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(-3deg)}}@keyframes scan-line-slow{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.animate-float-slow{animation:float-slow 25s ease-in-out infinite}.animate-float-slower{animation:float-slower 35s ease-in-out infinite}.animate-scan-line-slow{animation:scan-line-slow 20s linear infinite}.ambient-grid{background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);background-size:100px 100px}