*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(160deg,#0a0e1a,#0d1117 40%,#09090f);color:#d4d4d8;min-height:100vh;display:flex;justify-content:center;align-items:center}.container{text-align:center;padding:40px 32px;max-width:900px;width:100%}.icon{font-size:4rem;margin-bottom:24px}.heading{font-size:2.2rem;font-weight:700;color:#f0f0f5;margin-bottom:16px;text-shadow:0 0 20px rgba(74,144,217,.15)}.subtext{font-size:1.1rem;line-height:1.6;color:#8b8b99;text-shadow:0 0 12px rgba(74,144,217,.08)}.tagline{margin-top:12px;font-size:.95rem;font-style:italic;color:#6a6a78;margin-bottom:32px}.scene{position:relative;width:320px;height:260px;margin:0 auto;transform:scale(1.5);transform-origin:top center;padding-bottom:130px;top:-20vh}.human{position:absolute;bottom:72px;left:50%;transform:translate(-70%);z-index:2;animation:body-bob 3s ease-in-out infinite;transition:transform 1s ease;cursor:pointer}.head{width:32px;height:32px;background:#f5c396;border-radius:50%;margin:0 auto;position:relative;transition:transform 1s ease}.face{position:absolute;top:50%;left:50%;transform:translate(-50%,-45%);width:20px;height:14px}.eye{position:absolute;width:3px;height:3px;background:#2c2c2c;border-radius:50%;top:5px;transition:all .3s ease}.eye-left{left:3px}.eye-right{right:3px}.eyebrow{position:absolute;width:5px;height:1.5px;background:#8b6b4f;border-radius:1px;top:1px;transition:transform .3s ease}.eyebrow-left{left:2px}.eyebrow-right{right:2px}.mouth{position:absolute;width:6px;height:2px;background:#c27a5a;border-radius:0 0 3px 3px;bottom:1px;left:50%;transform:translate(-50%);transition:all .3s ease}.human.annoyed{animation:none;transform:translate(-70%) scale(1.04)}.human.annoyed .head{transform:rotate(-6deg)}.human.annoyed .eyebrow-left{transform:rotate(12deg) translateY(-1px)}.human.annoyed .eyebrow-right{transform:rotate(-12deg) translateY(-1px)}.human.annoyed .eye{height:2.5px;width:3.5px}.human.annoyed .mouth{width:7px;height:1.5px;border-radius:1px;background:#b5654a}.human.annoyed .arm-left,.human.annoyed .arm-right{animation:none}.torso{width:36px;height:44px;background:#4a90d9;border-radius:6px 6px 2px 2px;margin:4px auto 0;box-shadow:0 4px 12px #4a90d926}.arm{position:absolute;width:12px;height:36px;background:#4a90d9;border-radius:6px;top:40px}.arm-left{left:-8px;transform:rotate(30deg);animation:type-left 1.2s ease-in-out infinite;transform-origin:top center}.arm-right{right:-8px;transform:rotate(-30deg);animation:type-right 1.2s ease-in-out infinite .15s;transform-origin:top center}.leg{position:absolute;width:14px;height:32px;background:#3b3b5c;border-radius:4px;bottom:-30px}.leg-left{left:4px}.leg-right{right:4px}.desk{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:1}.desk-top{width:220px;height:12px;background:#6b4f3a;border-radius:4px 4px 0 0;box-shadow:0 8px 24px #00000080}.desk-leg{position:absolute;width:10px;height:30px;background:#55402e;bottom:-30px;border-radius:0 0 2px 2px}.desk-leg-left{left:14px}.desk-leg-right{right:14px}.laptop{position:absolute;bottom:42px;left:50%;transform:translate(-30%);z-index:3}.laptop-screen{width:64px;height:44px;background:#1a1a2e;border:2px solid #3a3a5c;border-radius:4px 4px 0 0;position:relative;box-shadow:0 0 18px #4a90d940,0 0 40px #4a90d914}.screen-content{width:70%;height:4px;background:#4a90d9;border-radius:2px;margin:10px auto 0;opacity:.6}.screen-content:after{content:"";display:block;width:50%;height:4px;background:#4a90d9;border-radius:2px;margin-top:6px;opacity:.4}.dnd-sign{position:absolute;top:218px;left:50%;margin-left:104px;width:34px;background:#c0392b;color:#fff;font-size:5.5px;font-weight:800;letter-spacing:.4px;text-align:center;padding:6px 4px 5px;border-radius:3px 3px 4px 4px;display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1.3;box-shadow:0 2px 8px #00000073,0 0 0 1px #ffffff14 inset;transform-origin:top center;animation:dnd-swing 4s ease-in-out infinite;z-index:5}.dnd-sign:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:1.5px;height:9px;background:#fff6}.dnd-hole{width:6px;height:6px;background:#1a1a2e;border-radius:50%;margin-bottom:3px;border:1px solid rgba(255,255,255,.15)}@keyframes dnd-swing{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.laptop-base{width:72px;height:4px;background:#3a3a5c;border-radius:0 0 2px 2px;margin-left:-4px}.mug{position:absolute;bottom:42px;left:50%;transform:translate(180%);z-index:3}.mug-body{width:18px;height:22px;background:#e0e0e0;border-radius:0 0 4px 4px;position:relative}.mug-body:before{content:"";position:absolute;top:-3px;left:-1px;width:20px;height:5px;background:#e0e0e0;border-radius:2px}.mug-handle{position:absolute;top:4px;right:-7px;width:8px;height:12px;border:2px solid #e0e0e0;border-left:none;border-radius:0 6px 6px 0}.steam{position:absolute;top:-20px;left:50%;transform:translate(-50%);display:flex;gap:3px}.steam-wisp{width:3px;height:10px;background:#ffffff26;border-radius:50%;animation:rise 2.4s ease-out infinite}.steam-wisp:nth-child(2){animation-delay:.6s;height:8px}.steam-wisp:nth-child(3){animation-delay:1.2s;height:12px}@keyframes rise{0%{opacity:.4;transform:translateY(0) scaleX(1)}50%{opacity:.2;transform:translateY(-10px) scaleX(1.4)}to{opacity:0;transform:translateY(-20px) scaleX(1.8)}}.mobile-scene{display:none}@media (max-width: 768px){.mobile-scene{display:block;width:100%;max-width:18.75rem;height:auto;margin:0 auto 1.25rem}.scene{display:none}}@media (max-width: 768px){.container{padding:40px 20px}.scene{transform:scale(1.5);margin-bottom:200px}.heading{font-size:3rem}.subtext{font-size:1.5rem}}@media (max-width: 480px){.mobile-scene{max-width:12.5rem}.scene{transform:scale(1);margin-bottom:60px}.heading{font-size:2.2rem}.subtext{font-size:1.1rem}.icon{font-size:4rem}.tagline{font-size:1.1rem;width:16.25rem;height:13.75rem;transform:scale(.85);margin-top:1.25rem}.heading{font-size:1.4rem}.subtext{font-size:.9rem}.icon{font-size:2.5rem}}@keyframes type-left{0%,to{transform:rotate(30deg) translateY(0)}50%{transform:rotate(28deg) translateY(-3px)}}@keyframes type-right{0%,to{transform:rotate(-30deg) translateY(0)}50%{transform:rotate(-28deg) translateY(-3px)}}.bug{position:absolute;width:5px;height:5px;background:#fff;border-radius:50%;pointer-events:none;z-index:12;box-shadow:0 0 8px #fff,0 0 16px #fff9;opacity:.9}.bug-1{top:50px;left:60px;animation:bug-fly-1 3s ease-in-out infinite}.bug-2{top:80px;right:40px;width:3px;height:3px;animation:bug-fly-2 4.2s steps(8) infinite}.bug-3{bottom:100px;left:30px;animation:bug-fly-3 5.5s ease-in-out infinite alternate}.bug-4{bottom:60px;right:80px;animation:bug-fly-4 3.8s ease-in-out infinite}@keyframes bug-fly-1{0%,to{transform:translate(0)}25%{transform:translate(15px,-10px)}50%{transform:translate(5px,20px)}75%{transform:translate(-10px,5px)}}@keyframes bug-fly-2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-20px,15px) scale(1.2)}66%{transform:translate(10px,-20px) scale(.8)}}@keyframes bug-fly-3{0%{transform:translate(0)}to{transform:translate(40px,-30px)}}@keyframes bug-fly-4{0%{transform:translate(0) rotate(0)}25%{transform:translate(10px,10px)}50%{transform:translate(20px)}75%{transform:translate(10px,-10px)}to{transform:translate(0)}}