.e404{display:grid;grid-template-columns:minmax(220px,1fr) 1.3fr;gap:30px;align-items:center;padding-top:30px;padding-bottom:40px}
.e404[hidden]{display:none}
@media (max-width:760px){.e404{grid-template-columns:1fr;text-align:center}.e4-links{justify-content:center}}
.e4-art{position:relative;height:260px;display:grid;place-items:center}
.e4-printer{position:relative;width:210px;height:200px}
.e4-top{position:absolute;left:30px;right:30px;top:20px;height:30px;border-radius:10px 10px 0 0;background:var(--line)}
.e4-body{position:absolute;left:0;right:0;top:46px;height:84px;border-radius:16px;background:var(--ink);box-shadow:0 18px 30px -18px rgba(0,0,0,.5)}
.e4-led{position:absolute;right:18px;top:16px;width:10px;height:10px;border-radius:50%;background:#e0137a;animation:e4blink 1s ease-in-out infinite}
.e4-slot{position:absolute;left:28px;right:28px;bottom:16px;height:8px;border-radius:4px;background:rgba(255,255,255,.18)}
.e4-sheet{position:absolute;left:46px;right:46px;top:110px;height:96px;background:#fff;border-radius:3px;box-shadow:0 8px 18px -8px rgba(0,0,0,.35);display:grid;align-content:start;justify-items:center;gap:6px;padding-top:10px;animation:e4print 3.2s cubic-bezier(.4,0,.2,1) infinite;transform-origin:top;z-index:-1}
.e4-sheet b{font-family:var(--f-display);font-weight:900;font-size:2.1rem;line-height:1;background:linear-gradient(90deg,#1fa6dc,#e0137a,#ffd400);-webkit-background-clip:text;background-clip:text;color:transparent}
.e4-sheet i{display:block;height:5px;border-radius:3px;background:#e4e6eb;width:70%}
.e4-sheet i:nth-child(3){width:55%}.e4-sheet i:nth-child(4){width:62%}
@keyframes e4print{0%{transform:translateY(-70px) scaleY(.2);opacity:0}25%{opacity:1}55%,85%{transform:translateY(0) scaleY(1);opacity:1}100%{transform:translateY(16px) scaleY(1);opacity:0}}
@keyframes e4blink{50%{opacity:.25}}
.e4-drop{position:absolute;width:12px;height:16px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;top:10px;animation:e4fall 2.6s ease-in infinite;opacity:0}
.e4-drop.d1{left:18%;background:#1fa6dc}.e4-drop.d2{left:30%;background:#e0137a;animation-delay:.6s}.e4-drop.d3{right:30%;background:#ffd400;animation-delay:1.2s}.e4-drop.d4{right:18%;background:var(--ink);animation-delay:1.8s}
@keyframes e4fall{0%{transform:translateY(0);opacity:0}15%{opacity:1}80%{opacity:1}100%{transform:translateY(210px) scale(1.4,.5);opacity:0}}
.e4-txt h2{margin:6px 0 10px;font-size:clamp(1.6rem,4vw,2.4rem)}
.e4-txt p{color:var(--muted);line-height:1.6;max-width:52ch;margin:0 0 18px}
@media (max-width:760px){.e4-txt p{margin-left:auto;margin-right:auto}}
.e4-links{display:flex;flex-wrap:wrap;gap:8px}
.e4-a{display:inline-flex;align-items:center;padding:10px 16px;border-radius:99px;background:var(--surface);border:1.5px solid var(--line);color:var(--ink);text-decoration:none;font-size:.95rem;transition:transform .2s,border-color .2s,background .2s}
.e4-a:hover{transform:translateY(-2px);border-color:#e0137a}
.e4-a:first-child{background:#e0137a;color:#fff;border-color:#e0137a}