.donkey-page{position:relative;width:100%;min-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:clamp(20px,4vw,40px);background:radial-gradient(circle at top,#0f172a,#020617 70%)}.donkey-stars{position:absolute;inset:0;opacity:.7;background-image:radial-gradient(circle at 20% 30%,white 1px,transparent 2px),radial-gradient(circle at 70% 20%,white 1px,transparent 2px),radial-gradient(circle at 40% 80%,white 1px,transparent 2px),radial-gradient(circle at 80% 70%,white 1px,transparent 2px),radial-gradient(circle at 60% 50%,white 1px,transparent 2px);background-size:220px 220px;animation:starsMove 30s linear infinite}.donkey-container{position:relative;width:clamp(180px,32vw,340px);height:clamp(180px,32vw,340px);display:flex;align-items:center;justify-content:center;animation:floatPlanet 6s ease-in-out infinite;z-index:2;flex-shrink:0}.planet-glow{position:absolute;inset:0;border-radius:999px;background:radial-gradient(circle at 30% 30%,rgba(96,165,250,.45),rgba(37,99,235,.15),transparent 70%);filter:blur(clamp(8px,2vw,16px));box-shadow:0 0 50px #3b82f633,0 0 100px #60a5fa26}.donkey{position:relative;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#60a5fa,#3b82f6,#2563eb 70%,#1e3a8a);box-shadow:inset -18px -18px 35px #00000052,inset 14px 14px 22px #ffffff1a,0 20px 50px #2563eb40}.donkey:before{content:"";position:absolute;top:14%;left:18%;width:22%;height:22%;border-radius:50%;background:#ffffff2e;filter:blur(8px)}.ring{position:absolute;width:140%;height:clamp(24px,6vw,72px);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-18deg)}.ring-back{border-top:clamp(4px,.7vw,10px) solid rgba(255,255,255,.18);border-bottom:clamp(4px,.7vw,10px) solid rgba(147,197,253,.35);z-index:1}.ring-front{border-bottom:clamp(5px,.9vw,12px) solid rgba(255,255,255,.75);border-left:clamp(3px,.7vw,8px) solid rgba(191,219,254,.6);border-right:clamp(3px,.7vw,8px) solid rgba(255,255,255,.85);z-index:15}.donkey img{position:relative;z-index:100;width:clamp(120px,22vw,250px);max-width:78%;bottom:12%;right:8%;transform:rotate(-17deg) translateY(-10%);filter:drop-shadow(0 10px 18px rgba(0,0,0,.25));-webkit-user-select:none;user-select:none;pointer-events:none}.donkey-content{position:relative;z-index:5;margin-top:clamp(20px,4vw,42px);text-align:center;color:#fff;width:100%;max-width:540px;padding-inline:12px}.donkey-status{display:inline-block;font-size:clamp(54px,10vw,110px);font-weight:900;line-height:1;letter-spacing:-.05em;background:linear-gradient(180deg,#fff,#ffffff80);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.donkey-content h1{margin-top:10px;font-size:clamp(24px,4vw,42px);font-weight:700;line-height:1.1;color:#fff}.donkey-content p{margin-top:14px;font-size:clamp(14px,2vw,16px);line-height:1.7;color:#bfdbfecc}@keyframes floatPlanet{0%{transform:translateY(0)}50%{transform:translateY(-14px)}to{transform:translateY(0)}}@keyframes starsMove{0%{transform:translateY(0)}to{transform:translateY(-120px)}}@media(max-width:768px){.donkey-container{width:min(58vw,300px);height:min(58vw,300px)}.donkey img{width:52vw;max-width:210px}}@media(max-width:480px){.donkey-page{justify-content:center}.donkey-container{width:min(64vw,240px);height:min(64vw,240px)}.donkey img{width:50vw;max-width:180px;bottom:10%;right:6%}.donkey-content{margin-top:18px}.donkey-content p{max-width:320px;margin-inline:auto}}