:root{--beam-cyan:#65eaff;--beam-violet:#b798ff;--beam-rose:#e7b9aa}
:is(.homepage-demo,.global-panel,.floor-card,.plan-card,.community-notes article,.bottom-nav,.dialog-card){border-color:#52618399;box-shadow:inset 0 0 0 1px #c4d8ff08,0 12px 35px #02041138}
:is(.homepage-demo,.global-panel,.floor-card,.plan-card,.community-notes article){background-color:#0b1020e8}
.beam-card{position:relative;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));border-color:#686a9366!important}
.beam-card::after{content:'';position:absolute;inset:-1px;border:1px solid transparent;border-radius:inherit;background:linear-gradient(120deg,#65eaff88,transparent 25%,transparent 65%,#b798ff88) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;padding:1px;opacity:.65}
.beam-card:hover,.beam-card:focus-within{border-color:#79d9ef!important;box-shadow:0 0 20px #00d4ff14,0 15px 35px #05091855}
.beam-card .demo-portrait{transition:transform .3s ease}.beam-card:hover .demo-portrait{transform:translateY(-3px) scale(1.025)}
.homepage-demo{position:relative;overflow:hidden}.homepage-demo::before{content:'';position:absolute;top:0;left:-20%;width:18%;height:1px;background:linear-gradient(90deg,transparent,#8df4ff,#e7b9aa,transparent);box-shadow:0 0 8px #65eaff;animation:perimeter-beam 14s ease-in-out infinite;pointer-events:none}
@keyframes perimeter-beam{0%,65%{transform:translateX(0);opacity:0}70%{opacity:1}95%,100%{transform:translateX(680%);opacity:0}}
.cinema-reveal{animation:cinema-arrive .65s ease both}.cinema-reveal:nth-child(2){animation-delay:.08s}
@keyframes cinema-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.view.active{animation:view-arrive .28s ease both}@keyframes view-arrive{from{opacity:.6;translate:0 5px}to{opacity:1;translate:0 0}}
:is(.primary-button,.outline-button,.nav-item,.chip,.plan-button){transition:box-shadow .2s ease,border-color .2s ease,scale .15s ease}
:is(.primary-button,.outline-button,.nav-item,.chip,.plan-button):active{scale:.98}
:is(.primary-button,.outline-button,.nav-item,.chip,.plan-button):focus-visible{outline:2px solid var(--beam-cyan);outline-offset:4px}
.nav-item.active{box-shadow:inset 0 -2px 0 #65eaff,0 0 18px #00d4ff12}
.real-discovery{position:relative}.real-discovery::before{content:'';position:absolute;top:0;left:-8px;width:16px;height:16px;border-left:1px solid #65eaff88;border-top:1px solid #65eaff88;pointer-events:none}
.confirmed-match-celebration{position:fixed;inset:auto 20px 100px;margin:auto;max-width:460px;z-index:30;padding:26px;border:1px solid #9feaff;border-radius:22px;background:#10162bf5;box-shadow:0 0 36px #9b5cff33;text-align:center;animation:cinema-arrive .35s ease}.confirmed-match-celebration h2{font-size:1.35rem;color:#f8faff}.confirmed-match-celebration p{color:#c4cfe4}.match-hearts{display:flex;justify-content:center;gap:30px;font-size:36px;color:#65eaff}.match-hearts span{position:relative;animation:heart-meet 1.2s ease both}.match-hearts span+span{color:#b798ff;animation-name:heart-meet-right}.match-hearts span::before{content:'';position:absolute;height:56px;width:1px;background:currentColor;left:50%;top:-7px;opacity:.4;z-index:-1}@keyframes heart-meet{from{transform:translateX(-30px);opacity:0}to{transform:translateX(10px);opacity:1}}@keyframes heart-meet-right{from{transform:translateX(30px);opacity:0}to{transform:translateX(-10px);opacity:1}}
.cinema-hidden .homepage-demo::before,.beam-offscreen::before{animation-play-state:paused!important}
@media(pointer:coarse){.beam-card{transform:none!important}.beam-card:active{scale:.99}.beam-card:hover .demo-portrait{transform:none}}
@media(prefers-reduced-motion:reduce){.cinema-reveal,.view.active,.homepage-demo::before,.confirmed-match-celebration,.match-hearts span{animation:none!important}.beam-card,.beam-card .demo-portrait{transform:none!important;transition:none!important}:is(.primary-button,.outline-button,.nav-item,.chip,.plan-button){transition:none!important;scale:1!important}}