@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap);@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}:root{--accent:255 209 0;--accent-light:255 240 150;--accent-dark:201 145 0;--accent-glow:255 253 225;--brand:52 43 14;--brand-deep:10 9 6;--brand-soft:255 209 0;--brand-bright:255 232 110;--card:71 65 1;--ink:6 6 4;--ink-text:#16120a;--text:#fff;--muted:rgba(255, 255, 255, .62);--ease:cubic-bezier(.2, .8, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}body{display:flex;align-items:center;justify-content:center;min-height:100dvh;font-family:"Outfit",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:rgb(var(--ink))url(https://cdn.imgost.org/images/2026/08/18/bg-desktop-3.webp)center/cover no-repeat fixed;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgb(var(--ink)/.7),rgb(var(--ink)/.3) 50%,rgb(var(--ink)/.7))}@media (max-width:820px){body{background-image:url(https://cdn.imgost.org/images/2026/08/18/bg-mobile-3.webp);background-attachment:scroll}}#app{margin:10px}.wrap{position:relative;width:100%;max-width:440px;padding:20px;text-align:center;background:rgb(var(--card)/.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid rgb(var(--brand-soft)/.3);border-radius:1rem}.head{display:flex;align-items:center;gap:10px;margin-bottom:20px;text-align:left;animation:rise .6s var(--ease) both}.head-text{min-width:0}.logo{flex:none;width:50px;height:50px;display:grid;place-items:center;border-radius:50%;overflow:hidden;font-size:26px;font-weight:800;color:var(--ink-text);background:linear-gradient(150deg,rgb(var(--accent-light)),rgb(var(--accent)) 50%,rgb(var(--accent-dark)));border:1px solid rgba(255,255,255,.2);box-shadow:0 12px 30px -12px rgba(0,0,0,.9),0 0 26px -8px rgb(var(--brand)/.3)}.logo img{width:100%;height:100%;object-fit:cover}.name{font-size:clamp(17px,5vw,20px);font-weight:700;background:linear-gradient(100deg,rgb(var(--accent-light)),rgb(var(--accent)) 38%,rgb(var(--accent-glow)) 52%,rgb(var(--accent)) 66%,rgb(var(--accent-dark)));-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{font-size:11.5px;font-weight:300;color:rgba(255,255,255,.82)}.btn,.list{display:grid}.list{gap:13px;text-align:left}.btn{position:relative;grid-template-columns:44px 1fr 24px;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;text-decoration:none;color:inherit;overflow:hidden;border:1px solid rgb(var(--brand-soft)/.42);background:linear-gradient(120deg,rgb(var(--brand)/.34),rgb(var(--brand-deep)/.22));backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);box-shadow:0 10px 30px -16px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.12);transition:transform .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease),background .3s var(--ease);animation:rise .55s var(--ease) both;animation-delay:var(--d, 0ms);-webkit-tap-highlight-color:transparent}.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 62%);transform:translateX(-120%);transition:transform .8s var(--ease)}.btn:focus-visible,.btn:hover{transform:translateY(-2px);border-color:rgb(var(--brand-bright)/.8);background:linear-gradient(120deg,rgb(var(--brand)/.48),rgb(var(--brand-deep)/.3));box-shadow:0 16px 38px -18px #000,0 0 26px -10px rgb(var(--brand)/.85),inset 0 1px 0 rgba(255,255,255,.18);outline:0}.btn:focus-visible::after,.btn:hover::after{transform:translateX(120%)}.btn:active{transform:translateY(0) scale(.99)}.btn-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:rgb(var(--accent));border:1px solid rgb(var(--accent)/.32);background:rgba(0,0,0,.28);transition:transform .3s var(--ease)}.btn:hover .btn-icon{transform:rotate(12deg) scale(1.1)}.btn-icon svg{width:22px;height:22px}.btn-body{min-width:0}.btn-desc,.btn-label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-label{font-size:14px;font-weight:600;letter-spacing:.4px}.btn-desc{margin-top:2px;font-size:11.5px;font-weight:300;color:rgba(255,255,255,.8)}.btn-go{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:rgb(var(--accent));border:1px solid rgba(255,255,255,.16);transition:transform .3s var(--ease),background .3s var(--ease),color .3s var(--ease)}.btn-go svg{width:12px;height:12px}.btn:hover .btn-go{transform:translateX(3px);background:linear-gradient(140deg,rgb(var(--accent-light)),rgb(var(--accent)) 55%,rgb(var(--accent-dark)));color:var(--ink-text)}.footer,.images{animation:rise .6s var(--ease) both}.images{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:22px;animation-delay:640ms}.images img{flex:1 1 0;min-width:0;max-width:170px;height:auto;object-fit:contain;animation:float 3s var(--ease) infinite}.footer{margin:18px 0 0;font-size:11px;letter-spacing:.6px;color:rgba(255,255,255,.8);animation-delay:700ms}.error{position:relative;margin:0;padding:60px 20px;text-align:center;font-size:14px;color:var(--muted)}@media (max-width:380px){.btn{grid-template-columns:40px 1fr 22px;gap:12px;padding:12px 13px}.btn-icon{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){*,::after{animation:none!important;transition-duration:.001ms!important}}