.ud-wrapper{background:linear-gradient(135deg,#f8fafc,#eef2ff);background-color:var(--primary-50);flex-direction:column;justify-content:space-around;align-items:center;height:100vh;min-height:100vh;padding:20px;display:flex;overflow:hidden auto}.ud-wrapper::-webkit-scrollbar{width:8px}.ud-wrapper::-webkit-scrollbar-track{background:0 0}.ud-wrapper::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:4px;transition:background .2s}.ud-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b880}.ud-wrapper{scrollbar-width:thin;scrollbar-color:#94a3b84d transparent}.ud-card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:420px;padding:32px 26px;box-shadow:0 20px 40px #0f172a1f}.ud-icon{color:#4f46e5;background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 18px;font-size:32px;display:flex}.ud-card h2{color:#0f172a;margin-bottom:12px;font-size:22px;font-weight:700}.ud-card p{color:#475569;font-size:14px;line-height:1.6}.ud-sub{color:#64748b;margin-top:10px;font-size:13px}.ud-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.ud-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:140px;padding:12px 14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.ud-btn.primary{color:#fff;background:#4f46e5}.ud-btn.primary:hover{background:#4338ca}@media (max-width:480px){.ud-card{padding:24px 18px}.ud-card h2{font-size:20px}}