html:has(.dm404){overscroll-behavior:none;background:#faf7f2;height:100%;overflow:hidden}html:has(.dm404) body{overscroll-behavior:none;background:#faf7f2;height:100%;overflow:hidden}.dm404{color:#0f1e38;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;height:100dvh;font-family:Manrope,Inter,Segoe UI,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.dm404 ::selection{color:#0f1e38;background:#c9d6f3}.dm404__canvas{z-index:0;pointer-events:none;position:fixed;inset:0}.dm404__top{z-index:1;padding:24px 32px;position:relative}.dm404__logo{border-radius:12px;display:inline-flex}.dm404__logo img{width:auto;height:30px;display:block}.dm404__body{z-index:1;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0 16px 104px;display:flex;position:relative}.dm404__stage{aspect-ratio:17/7;width:min(760px,92vw,97.1429dvh);margin-bottom:40px}.dm404 h1{letter-spacing:-.03em;text-wrap:balance;max-width:18ch;margin:0 0 10px;font-size:clamp(26px,3vw,34px);font-weight:800;line-height:1.05}.dm404 p{color:#5b6577;margin:0 0 26px;font-size:16px;font-weight:600;line-height:1.4}.dm404__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 18px;min-height:48px;display:flex}.dm404__btn{color:#fff;height:48px;font:inherit;cursor:pointer;background:#0850d4;border:0;border-radius:14px;justify-content:center;align-items:center;padding:0 22px;font-size:16px;font-weight:800;text-decoration:none;transition:background-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.dm404__btn:hover{background:#0742b0;box-shadow:0 10px 22px #0850d438}.dm404__btn:active{transform:translateY(1px)}.dm404__btn.is-ghost{color:#0f1e38;background:#fff;animation:.32s cubic-bezier(.2,.8,.2,1) dm404-in;box-shadow:inset 0 0 0 1.5px #ece6dc,0 1px 2px #0f1e380a,0 10px 28px #0f1e3812}.dm404__btn.is-ghost:hover{color:#0850d4;box-shadow:inset 0 0 0 1.5px #c9d6f3,0 1px 2px #0f1e380d,0 18px 40px #0f1e381c}.dm404__btn:focus-visible,.dm404__logo:focus-visible{outline-offset:3px;outline:3px solid #c9d6f3}.dm404__hint{color:#626b7c;font-size:13px;font-weight:700}.dm404__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes dm404-in{0%{opacity:0;transform:translateY(6px)}}@media (max-width:640px){.dm404__top{padding:16px}.dm404__logo img{height:24px}.dm404__body{padding-bottom:88px}.dm404__stage{margin-bottom:30px}.dm404 p{font-size:15px}}@media (max-height:560px){.dm404__top{padding-block:12px}.dm404__stage{width:min(760px,92vw,72.8572dvh);margin-bottom:16px}.dm404 p{margin-bottom:14px}.dm404__body{padding-bottom:56px}}@media (prefers-reduced-motion:reduce){.dm404__btn,.dm404__btn.is-ghost{transition:none;animation:none}}