@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');body{font-family:'Space Grotesk',sans-serif}.service-card{transition:.3s;background:rgba(255,255,255,.8);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 20px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:space-between}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(255,120,73,.2);border-color:rgba(255,120,73,.3)}.pulse-dot{animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.radio-wave{animation:radio-wave 2s ease-in-out infinite}@keyframes radio-wave{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.5}}.gradient-bg{background:linear-gradient(135deg,#ff7849 0,#ffab40 50%,#fff 100%)}.transform-bg{background-image:url('background.png');background-size:cover;background-position:center;background-repeat:no-repeat}.glass-nav{background:rgba(255,255,255,.9);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1)}.status-online{color:#10b981}.status-busy{color:#f59e0b}.status-offline{color:#6b7280}.floating-element{animation:float 6s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}.progress-ring{transition:stroke-dasharray .3s}.floating-animation{animation:float 6s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.glass-effect{transition:.3s;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 30px rgba(0,0,0,.3)}.glass-effect:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.4);border-color:rgba(255,255,255,.6)}body.dark-mode{background-color:#1a1a1a;color:#e0e0e0}.dark-mode .service-card{background:rgba(40,40,40,.8);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px rgba(0,0,0,.3)}.dark-mode .service-card:hover{box-shadow:0 20px 40px rgba(255,120,73,.4);border-color:rgba(255,120,73,.5)}.dark-mode .bg-gray-100{background-color:#333}.dark-mode .text-gray-600{color:#b0b0b0}.dark-mode .text-gray-800{color:#e0e0e0}