.access-transition{min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--background,#f7f9fa);color:var(--foreground,#20323c)}.access-transition-content{width:min(100%,420px);text-align:center}.access-transition-brand{display:flex;align-items:center;justify-content:center;gap:10px;font-size:25px;letter-spacing:-.7px}.access-transition-art{height:195px;width:250px;max-width:100%;margin:26px auto 12px;position:relative}.access-orbit{position:absolute;inset:7px 24px;border:1px solid #cddce3;border-radius:50%;transform:rotate(-18deg)}.access-bubble{position:absolute;border-radius:24px 24px 24px 5px;box-shadow:0 12px 28px #18324412;display:flex;align-items:center;justify-content:center;gap:12px}.access-bubble-back{width:134px;height:82px;right:12px;top:10px;background:#e7eff3;color:#506e7d;transform:rotate(8deg)}.access-bubble-back i{width:7px;height:7px;border-radius:50%;background:currentColor}.access-bubble-front{width:170px;height:101px;top:67px;left:12px;background:#ffda43;color:#20323c;transform:rotate(-5deg)}.access-bubble-front span{display:flex;gap:6px}.access-bubble-front i{width:6px;height:6px;background:currentColor;border-radius:50%;animation:access-dot 1.4s ease-in-out infinite}.access-bubble-front i:nth-child(2){animation-delay:.16s}.access-bubble-front i:nth-child(3){animation-delay:.32s}.access-check{position:absolute;right:28px;bottom:16px;display:grid;place-items:center;width:40px;height:40px;border:4px solid var(--background,#f7f9fa);border-radius:50%;background:#20323c;color:#ffda43}.access-transition h1{font-size:21px;line-height:1.4;font-weight:600;margin:12px 0 6px}.access-transition p{font-size:14px;color:var(--muted-foreground,#607987);line-height:1.6;margin:0;overflow-wrap:anywhere}.access-transition-progress{height:3px;width:112px;border-radius:6px;background:#e1e9ed;overflow:hidden;margin:26px auto}.access-transition-progress span{display:block;width:40%;height:100%;background:#d4ac00;animation:access-progress 1.6s ease-in-out infinite}.access-transition-actions{display:grid;justify-content:center;gap:12px;margin-top:20px}.access-transition-actions a{font-size:13px;text-decoration:underline}@keyframes access-dot{50%{opacity:.35;transform:translateY(-3px)}}@keyframes access-progress{0%{transform:translateX(-100%)}to{transform:translateX(350%)}}@media(prefers-reduced-motion:reduce){.access-bubble-front i,.access-transition-progress span{animation:none}.access-transition-progress span{width:100%}}