*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a0d2e}.container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}h1{font-size:3rem;font-weight:700}.content-wrapper{display:flex;flex-direction:column;align-items:center;gap:40px}.bear-illustration{position:relative;display:flex;align-items:flex-end;gap:20px}.bear{position:relative;width:240px;height:280px;animation:bearBounce 3s ease-in-out infinite;transform-origin:center bottom}@keyframes bearBounce{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}.bear-ear{position:absolute;width:70px;height:70px;background:#a67c52;border-radius:50%;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.2)}.bear-ear-left{top:10px;left:20px}.bear-ear-right{top:10px;right:20px}.bear-ear-inner{top:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#d4a574}.bear-ear-inner,.bear-face{position:absolute;left:50%;border-radius:50%}.bear-face{top:40px;transform:translateX(-50%);width:180px;height:160px;background:#a67c52;z-index:1;box-shadow:0 4px 12px rgba(0,0,0,.3)}.bear-face:after,.bear-face:before{content:"";position:absolute;top:70px;width:25px;height:22px;background:#ff6b9d;border-radius:50%;opacity:.6;box-shadow:0 2px 4px rgba(255,107,157,.4)}.bear-face:before{left:30px}.bear-face:after{right:30px}.bear-eye{position:absolute;width:32px;height:32px;background:#fff;border-radius:50%;top:45px;box-shadow:0 2px 6px rgba(0,0,0,.2),inset 0 -8px 12px rgba(139,90,60,.2);animation:blink 4s ease-in-out infinite}.bear-eye:after{top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;background:#2c1810}.bear-eye:after,.bear-eye:before{content:"";position:absolute;border-radius:50%}.bear-eye:before{top:30%;left:30%;width:8px;height:8px;background:#fff;z-index:1}@keyframes blink{0%,90%,to{height:32px}92%,94%{height:4px}}.bear-eye-left{left:45px}.bear-eye-right{right:45px}.bear-snout{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);width:70px;height:55px;background:#d4a574;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;box-shadow:0 2px 6px rgba(0,0,0,.2),inset 0 -8px 12px rgba(139,90,60,.2)}.bear-snout:after{bottom:12px;width:40px;height:22px;border:3px solid #8b5a3c;border-top:none;border-radius:0 0 60px 60px;box-shadow:0 2px 4px rgba(0,0,0,.15)}.bear-snout:after,.bear-snout:before{content:"";position:absolute;left:50%;transform:translateX(-50%)}.bear-snout:before{top:10px;width:12px;height:10px;background:#6b4423;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;box-shadow:0 1px 3px rgba(0,0,0,.3),inset 0 1px 2px hsla(0,0%,100%,.2)}.bear-body{position:absolute;top:150px;left:50%;transform:translateX(-50%);width:180px;height:140px;background:#a67c52;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.3)}.mug-container{position:relative;display:flex;flex-direction:column;align-items:center}.mug{position:relative;width:80px;height:100px;background:gold;border-radius:0 0 15px 15px;z-index:1}.mug,.mug-handle{box-shadow:0 0 20px rgba(255,215,0,.5)}.mug-handle{position:absolute;top:20px;right:-35px;width:30px;height:55px;border:6px solid gold;border-left:none;border-radius:0 30px 30px 0}.mug-text{top:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:900;color:#000;letter-spacing:1px;text-align:center}.mug-text,.steam{position:absolute;left:50%}.steam{top:-40px;transform:translateX(-50%);display:flex;gap:8px;z-index:0}.steam-line{width:3px;height:25px;background:#d3d3d3;border-radius:3px;opacity:.7}.steam-line-1{animation:steam 2s ease-in-out infinite}.steam-line-2{animation:steam 2s ease-in-out .3s infinite}.steam-line-3{animation:steam 2s ease-in-out .6s infinite}@keyframes steam{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.7;transform:translateY(-10px)}}.text-content{display:flex;flex-direction:column;align-items:center;gap:10px}.hagdaw-title{font-size:4rem;font-weight:900;background:linear-gradient(90deg,gold,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px;margin:0}.hagdaw-subtitle{font-size:1.2rem;color:#fff;font-weight:300;letter-spacing:1px;margin:0}