.directory-surface{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#e7f6f5 0%,#f7fbfb 38%,#e9f5f7 72%,#fff 100%)}.directory-surface:before{content:"";position:absolute;z-index:-3;inset:0;background:radial-gradient(circle at 12% 20%,rgba(50,214,208,.14),transparent 27%),radial-gradient(circle at 90% 56%,rgba(36,139,170,.12),transparent 31%),radial-gradient(circle at 42% 95%,rgba(95,231,213,.1),transparent 24%)}.surface-content{position:relative;z-index:3}.surface-lines{position:absolute;z-index:-2;inset:0;opacity:.34;background-image:linear-gradient(rgba(16,116,125,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(16,116,125,.07) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 82%,transparent);animation:surfaceGrid 28s linear infinite}.surface-orb{position:absolute;z-index:-1;border-radius:50%;pointer-events:none}.orb-one{width:360px;height:360px;top:7%;left:-190px;border:1px solid rgba(12,145,153,.2);box-shadow:inset 0 0 90px rgba(44,210,201,.08);animation:orbOne 13s ease-in-out infinite}.orb-one:before,.orb-one:after{content:"";position:absolute;border:1px solid rgba(12,145,153,.14);border-radius:50%}.orb-one:before{inset:46px}.orb-one:after{inset:96px}.orb-two{width:260px;height:260px;right:-95px;top:45%;background:radial-gradient(circle,rgba(71,222,214,.14),transparent 68%);filter:blur(3px);animation:orbTwo 16s ease-in-out infinite}.aqua-card{position:relative}.aqua-card:before{content:"";position:absolute;z-index:3;top:0;left:-120%;width:70%;height:2px;background:linear-gradient(90deg,transparent,#39ddd5,transparent);transition:left .7s}.aqua-card:hover:before{left:145%}.city-content{position:relative;padding:34px;border:1px solid rgba(18,111,118,.12);border-radius:18px;background:rgba(255,255,255,.52);box-shadow:0 22px 58px rgba(16,74,81,.08);backdrop-filter:blur(13px)}@keyframes surfaceGrid{to{background-position:70px 70px}}@keyframes orbOne{50%{transform:translate(45px,38px) rotate(22deg)}}@keyframes orbTwo{50%{transform:translate(-65px,-40px) scale(1.15)}}@media(max-width:650px){.surface-lines{background-size:46px 46px;animation:none}.orb-one{width:250px;height:250px}.city-content{padding:22px}}@media(prefers-reduced-motion:reduce){.surface-lines,.surface-orb{animation:none}.aqua-card:before{display:none}}