.demo-transition{z-index:100;visibility:hidden;opacity:0;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.demo-transition svg{aspect-ratio:1;width:125%;height:100%;display:block}.demo-transition svg path{stroke:#f6ecd8}.demo-stage{z-index:90;visibility:hidden;opacity:0;pointer-events:none;background:#1f3d52;place-items:center;display:grid;position:fixed;inset:0}.demo-stage video{object-fit:contain;background:#000;width:min(100%,1400px);max-height:100vh}.demo-stage__close{position:absolute;top:24px;right:24px}
.retro-btn{color:#1f3d52;height:48px;font-family:var(--font-mono), Menlo, monospace;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;isolation:isolate;background:0 0;border:0;justify-content:center;align-items:center;padding:0 30px;font-size:12px;font-style:italic;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.retro-btn:before{content:"";z-index:-1;background-color:#f6ecd8;background-image:repeating-linear-gradient(0deg,#1f3d520f,#1f3d520f 1px,#0000 1px 2px);border-radius:10px;transition:box-shadow .35s,transform .35s;position:absolute;inset:0;transform:skew(-15deg);box-shadow:0 6px 20px #14325a40}.retro-btn:hover:before,.retro-btn:focus-visible:before{box-shadow:0 8px 26px #14325a59}.retro-btn span{z-index:1;transition:color .35s;position:relative}.retro-btn:hover span,.retro-btn:focus-visible span{color:#fff}.retro-btn svg{border-radius:10px;position:absolute;inset:0;overflow:hidden;transform:skew(-15deg)}.retro-btn svg rect{fill:#d9452a;shape-rendering:crispedges}.retro-btn--ghost{color:#fff}.retro-btn--ghost:before{box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#ffffff29;background-image:none;border:1.5px solid #ffffffb3}.retro-btn--ghost:hover:before,.retro-btn--ghost:focus-visible:before{box-shadow:0 0 0 4px #ffffff2e}.retro-btn--ghost:hover span,.retro-btn--ghost:focus-visible span{color:#1f3d52}.retro-btn--ghost svg rect{fill:#f6ecd8}.retro-btn:disabled{opacity:.6;cursor:default}.retro-input{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;width:280px;height:48px;font-family:var(--font-sans), sans-serif;background-color:#ffffff2e;border:1.5px solid #ffffffb3;border-radius:10px;outline:none;padding:0 24px;font-size:15px;transition:background-color .25s,border-color .25s,box-shadow .25s;position:relative;transform:skew(-15deg)}.retro-input::placeholder{color:#ffffffa6}.retro-input:focus{background-color:#ffffff47;border-color:#fff;box-shadow:0 0 0 4px #ffffff2e}@media (max-width:767px){.retro-btn{height:44px;padding:0 22px;font-size:11px}.retro-input{width:min(220px,60vw);height:44px;padding:0 18px;font-size:14px}}