/* SKYNET cPanel public styles */

:root { --ring: rgba(0,180,216,0.45); }

html { scroll-behavior: smooth; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #0B5D7F, #00B4D8); border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #0B5D7F; }
::selection { background: #00B4D8; color: #fff; }

/* Accent CTA gradient */
.btn-accent {
  background: linear-gradient(135deg, #FF8C42 0%, #FF6B1A 100%);
  color: #fff;
  transition: filter 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
  box-shadow: 0 8px 20px -6px rgba(255, 107, 26, 0.5);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.btn-accent:hover { filter: brightness(1.06); transform: translateY(-2px); box-shadow: 0 14px 28px -8px rgba(255,107,26,0.55); }
.btn-accent:disabled { opacity: 0.7; cursor: not-allowed; }

.btn-outline-sky {
  background: #fff; color: #0B5D7F; border: 1.5px solid #0B5D7F;
  transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
  display: inline-flex; align-items: center; gap: 0.5rem; font-weight: 600;
}
.btn-outline-sky:hover { background: #0B5D7F; color: #fff; transform: translateY(-2px); }

/* Glass */
.glass { background: rgba(255,255,255,0.75); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(11,93,127,0.12); }

/* Text gradient */
.text-gradient { background: linear-gradient(135deg, #0B5D7F 0%, #00B4D8 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* Hover lift */
.hover-lift { transition: transform 0.35s cubic-bezier(0.2,0.8,0.2,1), box-shadow 0.35s ease; }
.hover-lift:hover { transform: translateY(-6px); box-shadow: 0 18px 40px -12px rgba(11,93,127,0.25); }

.section { padding: 72px 0; }
@media (max-width: 768px) { .section { padding: 56px 0; } }

/* Animations */
@keyframes floatUp { from { opacity:0; transform: translateY(24px); } to { opacity:1; transform: translateY(0); } }
@keyframes slideInLeft { from { opacity:0; transform: translateX(-30px); } to { opacity:1; transform: translateX(0); } }
@keyframes slideInRight { from { opacity:0; transform: translateX(30px); } to { opacity:1; transform: translateX(0); } }
@keyframes fadeZoom { from { opacity:0; transform: scale(0.97); } to { opacity:1; transform: scale(1); } }
@keyframes pulseRing { 0% { box-shadow: 0 0 0 0 rgba(0,180,216,0.45); } 70% { box-shadow: 0 0 0 16px rgba(0,180,216,0); } 100% { box-shadow: 0 0 0 0 rgba(0,180,216,0); } }
@keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

.anim-float { animation: floatUp 0.7s ease-out both; }
.anim-left { animation: slideInLeft 0.8s ease-out both; }
.anim-right { animation: slideInRight 0.8s ease-out both; }
.anim-zoom { animation: fadeZoom 0.6s ease-out both; }
.anim-pulse-ring { animation: pulseRing 2s ease-out infinite; }
.anim-marquee { animation: marquee 40s linear infinite; }

/* Hero slider */
.hero-slide { position: absolute; inset: 0; opacity: 0; transition: opacity 0.9s ease; }
.hero-slide.active { opacity: 1; }

/* Toasts */
.toast { padding: 12px 16px; border-radius: 10px; color: #fff; font-size: 13px; font-weight: 600; box-shadow: 0 8px 24px -8px rgba(0,0,0,0.25); animation: floatUp 0.25s ease-out both; min-width: 240px; }
.toast.success { background: #10b981; }
.toast.error   { background: #ef4444; }
.toast.info    { background: #0B5D7F; }
.toast.warning { background: #f59e0b; }

/* Focus ring */
input:focus, select:focus, textarea:focus { outline: none; border-color: #00B4D8 !important; box-shadow: 0 0 0 4px rgba(0,180,216,0.15); }

/* Utility */
.clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }