/* A restrained motion layer: one screen transition, then feedback on actions. */
:root{--motion-fast:150ms;--motion-ease:cubic-bezier(.22,.8,.3,1);--glow-lavender:#8d9dff;--glow-gold:#f0ce8d}
main>.page-head,main>.compact-intro{animation:none}
.page-title{display:flex;align-items:center;gap:13px;min-width:0}
.page-title h1{min-width:0}
.page-title>.page-emblem{width:44px;height:44px;flex:0 0 44px;filter:drop-shadow(0 0 12px #8d9dff22)}
.page-head .back{display:inline-flex;transition:color var(--motion-fast),transform var(--motion-fast)}
.page-head .back:hover{color:#d8e0ff;transform:translateX(-3px)}
.btn,.amount-option,.recipient-tabs button,.language-picker button,.tab,.copy-id{transition:background-color 180ms,border-color 180ms,box-shadow 180ms,transform var(--motion-fast) var(--motion-ease)}
.btn:not(:disabled):active,.amount-option:active,.recipient-tabs button:active,.language-picker button:active,.copy-id:active{transform:scale(.975)}
.amount-option.active{border-color:#96a6ff;background:#273454;box-shadow:inset 0 0 0 1px #8196ed66,0 0 20px #718bff14}
.amount-option{position:relative;overflow:hidden}
.amount-option.active:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#c1ceff20 48%,transparent 76%);animation:selection-sheen 650ms ease-out both}
.faq details[open]>p{animation:details-unfold 220ms var(--motion-ease)}
.recipient-tabs button.active,.language-picker button.active{box-shadow:inset 0 0 0 1px #9babff55,0 3px 12px #0002}
.summary strong{transform-origin:right center;font-variant-numeric:tabular-nums}
.field input,.field select,.field textarea{transition:border-color 180ms,box-shadow 180ms,background-color 180ms}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#92a4ff;box-shadow:0 0 0 3px #8d9dff15}
.recipient-result.checking{display:flex;align-items:center;gap:8px}
.recipient-result.checking:before{content:"";width:11px;height:11px;flex:0 0 11px;border:2px solid #879cfa33;border-top-color:#acbaff;border-radius:50%;animation:recipient-spin .8s linear infinite}
.recipient-verified-mark svg{stroke-dasharray:24;stroke-dashoffset:0;animation:verified-draw 340ms ease-out}
.star-spotlight{border-color:#64719666;background:radial-gradient(ellipse at 88% 64%,#6474b566,transparent 56%),#202b44}
.star-spotlight:before{content:"";position:absolute;inset:-30%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 70% 35%,#a9a1ff18,transparent 48%);animation:spotlight-glow 7s ease-in-out 2}
.spotlight-copy .btn{box-shadow:0 5px 22px #697ef52b}
.tiny-star{animation:star-glint 4s ease-in-out 3}.tiny-star.two{animation-delay:1.2s}
.bottom-nav a,.desktop-nav a{transition:color 180ms,background-color 180ms}
.bottom-nav a svg{transition:transform 180ms var(--motion-ease),color 180ms}
.bottom-nav a:active svg{transform:scale(.86)}
.settings-link svg{transition:transform 260ms var(--motion-ease)}
.settings-link:active svg{transform:rotate(30deg)}
@media(hover:hover) and (pointer:fine){
 .btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 5px 18px #788dff25}
 .btn.ghost:hover,.btn.outline:hover{box-shadow:none}
 .product{transition:border-color 200ms,box-shadow 200ms,transform 200ms var(--motion-ease)}
 .product:hover{border-color:#6876a3;box-shadow:0 8px 24px #0002;transform:translateY(-2px)}
 .product .brand-icon,.product .game-icon{transition:transform 240ms var(--motion-ease)}
 .product:hover .brand-icon,.product:hover .game-icon{transform:scale(1.08)}
 .settings-link:hover svg{transform:rotate(45deg)}
 .gift-ribbon-art a .telegram-sticker,.side-pick>.telegram-sticker{transition:transform 320ms var(--motion-ease),filter 320ms}
 .gift-ribbon-art a:hover .telegram-sticker,.side-pick:hover>.telegram-sticker{transform:translateY(-5px) rotate(-5deg);filter:drop-shadow(0 8px 12px #a694ff33)}
}
@keyframes selection-sheen{from{transform:translateX(-110%)}to{transform:translateX(110%)}}
@keyframes details-unfold{from{opacity:.5;transform:translateY(-4px)}to{opacity:1;transform:none}}
@keyframes recipient-spin{to{transform:rotate(360deg)}}
@keyframes verified-draw{from{stroke-dashoffset:24}to{stroke-dashoffset:0}}
@keyframes spotlight-glow{0%,100%{transform:translateX(-2%);opacity:.45}50%{transform:translateX(3%);opacity:1}}
@keyframes star-glint{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}
@media(max-width:700px){.page-title{gap:10px}.page-title>.page-emblem{width:36px;height:36px;flex-basis:36px}.page-title h1{font-size:27px;letter-spacing:-.8px}}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .btn:hover,.product:hover,.side-pick:hover,.page-head .back:hover,.settings-link:hover svg,.settings-link:active svg,.bottom-nav a:active svg,.gift-ribbon-art a:hover .telegram-sticker,.side-pick:hover>.telegram-sticker{transform:none!important}
}