.auth-callback{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#111118;color:#fff;font-family:var(--font-family, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);padding:24px;overflow:hidden}.auth-callback__mesh{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.auth-callback__blob{position:absolute;border-radius:50%;will-change:transform}.auth-callback__blob--purple{width:600px;height:600px;background:radial-gradient(circle,rgba(108,92,231,.15) 0%,transparent 70%);filter:blur(100px);opacity:.45;top:-15%;right:-10%;animation:meshFloat1 14s ease-in-out infinite}.auth-callback__blob--green{width:450px;height:450px;background:radial-gradient(circle,rgba(0,184,148,.12) 0%,transparent 70%);filter:blur(100px);opacity:.4;bottom:-12%;left:-8%;animation:meshFloat2 18s ease-in-out infinite}.auth-callback__blob--warm{width:350px;height:350px;background:radial-gradient(circle,rgba(232,168,56,.08) 0%,transparent 70%);filter:blur(100px);opacity:.35;top:50%;left:50%;transform:translate(-50%,-50%);animation:meshFloat3 16s ease-in-out infinite}.auth-callback__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:32px;animation:contentFadeIn .6s cubic-bezier(.16,1,.3,1)}.auth-callback__brand{display:flex;align-items:center;gap:10px;opacity:0;animation:brandReveal .5s cubic-bezier(.16,1,.3,1) .15s forwards;text-decoration:none;color:inherit;transition:opacity .2s ease}.auth-callback__brand:hover{opacity:.8}.auth-callback__logo{width:28px;height:28px;border-radius:7px}.auth-callback__brand-name{font-size:1.1rem;font-weight:700;letter-spacing:-.02em;color:#ffffffd9}.auth-callback__card{padding:52px 48px 44px;background:#ffffff09;border-radius:24px;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border:1px solid rgba(255,255,255,.07);max-width:480px;width:100%;text-align:center;animation:cardEnter .5s cubic-bezier(.16,1,.3,1) .1s both}.auth-callback__card--success{box-shadow:0 0 80px #00b8940f,0 20px 60px #0003}.auth-callback__card--error{box-shadow:0 0 80px #e74c3c0d,0 20px 60px #0003}.auth-callback__card--processing{box-shadow:0 0 80px #6c5ce70f,0 20px 60px #0003}.auth-callback__title{font-size:28px;font-weight:700;letter-spacing:-.035em;margin-bottom:12px;line-height:1.2;color:#fff}.auth-callback__subtitle{font-size:15px;color:#ffffff8c;line-height:1.65;max-width:320px;margin:0 auto}.auth-callback__divider{width:48px;height:1px;background:#ffffff1a;margin:24px auto}.auth-callback__hint{display:block;font-size:13px;color:#ffffff4d;line-height:1.6}.auth-callback__progress-ring{margin-bottom:28px}.auth-callback__progress-ring svg{width:60px;height:60px}.auth-callback__ring-track{fill:none;stroke:#ffffff0f;stroke-width:3}.auth-callback__ring-fill{fill:none;stroke:#6c5ce7;stroke-width:3;stroke-linecap:round;stroke-dasharray:163.36;stroke-dashoffset:122.52;transform-origin:center;animation:ringSpin 1s linear infinite}.auth-callback__check{margin-bottom:24px}.auth-callback__check svg{width:64px;height:64px;opacity:0;animation:iconPop .5s cubic-bezier(.34,1.56,.64,1) .2s forwards}.auth-callback__check-path{stroke-dasharray:40;stroke-dashoffset:40;animation:checkDraw .4s ease-out .5s forwards}.auth-callback__error-icon{margin-bottom:24px}.auth-callback__error-icon svg{width:64px;height:64px;opacity:0;animation:iconPop .5s cubic-bezier(.34,1.56,.64,1) .2s forwards}.auth-callback__error-actions{display:flex;flex-direction:column;align-items:center;gap:16px}.auth-callback__retry-btn,.auth-callback__open-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 32px;background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:100px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;letter-spacing:-.01em}.auth-callback__retry-btn:hover,.auth-callback__open-btn:hover{background:#ffffff1f;border-color:#ffffff2e;transform:translateY(-1px)}.auth-callback__retry-btn:active,.auth-callback__open-btn:active{transform:translateY(0)}.auth-callback__open-btn{margin-bottom:12px;background:#00b8941f;border-color:#00b89440}.auth-callback__open-btn:hover{background:#00b89433;border-color:#00b89459}.auth-callback__footer{position:absolute;bottom:24px;z-index:1;font-size:12px;color:#fff3;letter-spacing:.02em;text-decoration:none;transition:color .2s ease}.auth-callback__footer:hover{color:#fff6}@keyframes contentFadeIn{0%{opacity:0}to{opacity:1}}@keyframes brandReveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes cardEnter{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes iconPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes checkDraw{to{stroke-dashoffset:0}}@keyframes ringSpin{to{transform:rotate(360deg)}}@keyframes meshFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,50px) scale(1.05)}66%{transform:translate(25px,-30px) scale(.95)}}@keyframes meshFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-40px) scale(1.08)}66%{transform:translate(-30px,25px) scale(.92)}}@keyframes meshFloat3{0%,to{transform:translate(-50%,-50%) scale(1)}33%{transform:translate(-55%,-45%) scale(1.1)}66%{transform:translate(-45%,-55%) scale(.9)}}@media(max-width:520px){.auth-callback__card{padding:40px 28px 36px;border-radius:20px}.auth-callback__title{font-size:24px}.auth-callback__subtitle{font-size:14px}.auth-callback__blob--purple{width:350px;height:350px}.auth-callback__blob--green{width:280px;height:280px}.auth-callback__blob--warm{width:200px;height:200px}}