dialog{padding:0;background:transparent;max-width:540px;width:90%;border-radius:20px;border:none;box-shadow:none;animation:dialogSlideIn 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)}dialog::backdrop{animation:backdropFadeIn 0.4s ease;background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dialog-container{background:#ffffff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,0.15);overflow:hidden;position:relative}.dialog-header{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);padding:32px 24px 24px;text-align:center;position:relative}.dialog-header h2{font-weight:700;font-size:1.5rem;color:#ffffff;margin:0;padding:0;border:none;text-shadow:0 2px 4px rgba(0,0,0,0.1)}.dialog-logo{width:80px;height:80px;margin:0 auto 16px;border-radius:50%;background:#ffffff;padding:8px;box-shadow:0 4px 20px rgba(0,0,0,0.15);transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1)}.dialog-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:50%}.dialog-header:hover .dialog-logo{transform:scale(1.05) rotate(5deg)}.dialog-body{padding:28px 24px}.dialog-description{font-size:0.9rem;line-height:1.6;color:#4a5568;margin:0 0 24px;text-align:center}.dialog-links{display:flex;flex-direction:column;gap:10px}.dialog-link-item{display:flex;align-items:center;padding:14px 18px;background:#ffffff;border:2px solid #e2e8f0;border-radius:12px;text-decoration:none;color:#2d3748;font-size:0.9rem;font-weight:500;transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);position:relative;overflow:hidden}.dialog-link-item::before{content:'';position:absolute;left:0;top:0;width:0;height:100%;background:linear-gradient(90deg, rgba(102,126,234,0.08) 0%, rgba(118,75,162,0.05) 100%);transition:width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);z-index:0}.dialog-link-item:hover::before{width:100%}.dialog-link-item:hover{background:#ffffff;border-color:#667eea;color:#667eea;transform:translateX(6px);box-shadow:0 4px 12px rgba(102,126,234,0.15)}.dialog-link-item i{font-size:18px;min-width:24px;margin-right:12px;color:#667eea;transition:all 0.3s ease;position:relative;z-index:1}.dialog-link-item:hover i{transform:scale(1.2) rotate(10deg)}.dialog-link-item span{flex:1;position:relative;z-index:1}.dialog-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:none;background:rgba(255,255,255,0.2);color:#ffffff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);z-index:10;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dialog-close:hover{background:rgba(255,255,255,0.3);transform:scale(1.1) rotate(90deg)}.dialog-close:active{transform:scale(0.95) rotate(90deg)}.sub-apps-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px;margin-top:20px}.sub-app-item{cursor:pointer;transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);text-align:center;border-radius:12px;padding:12px;background:#f8f9fa}.sub-app-item:hover{transform:translateY(-8px);background:#ffffff;box-shadow:0 8px 20px rgba(102,126,234,0.15)}.sub-app-item img{width:72px;height:72px;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,0.1);transition:all 0.3s ease}.sub-app-item:hover img{transform:scale(1.1);box-shadow:0 6px 16px rgba(102,126,234,0.3)}.coming-soon-badge{display:inline-block;padding:12px 24px;background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);color:#ffffff;border-radius:50px;font-size:0.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px rgba(245,87,108,0.3);animation:pulse 2s ease-in-out infinite}@keyframes dialogSlideIn{from{opacity:0;transform:translateY(-30px) scale(0.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes backdropFadeIn{from{opacity:0}to{opacity:1}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 576px){dialog{max-width:95%}.dialog-header{padding:24px 16px 20px}.dialog-header h2{font-size:1.25rem}.dialog-logo{width:64px;height:64px}.dialog-body{padding:20px 16px}.dialog-link-item{padding:12px 14px;font-size:0.85rem}.sub-apps-grid{grid-template-columns:repeat(3, 1fr);gap:12px}.sub-app-item img{width:56px;height:56px}}@media (prefers-color-scheme: dark){.dialog-container{background:#1a202c}.dialog-description{color:#cbd5e0}.dialog-link-item{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.dialog-link-item:hover{background:#374151;border-color:#667eea;color:#a5b4fc}.sub-app-item{background:#2d3748}.sub-app-item:hover{background:#374151}}