body {
            font-family: 'Inter', sans-serif;
            background-color: #0a0a0a;
            color: #e5e7eb;
            overflow-x: hidden;
        }

        .glass-effect {
            background: rgba(17, 17, 17, 0.5);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .hero-section {
            position: relative;
            background-image: url('https://cdn.phantomsnetwork.org/NjocJxYiSPPV.png');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }

        .hero-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: radial-gradient(ellipse at center, rgba(10, 10, 10, 0.4) 0%, rgba(10, 10, 10, 0.95) 100%);
        }

        .btn-primary {
            background-color: #10b981; /* Green-500 */
            transition: all 0.3s ease;
        }

        .btn-primary:hover {
            background-color: #059669; /* Green-600 */
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(16, 185, 129, 0.3);
        }

        .btn-secondary {
            background-color: #374151;
            transition: all 0.3s ease;
        }
        
        .btn-secondary:hover {
            background-color: #4b5563;
        }
        
        .copy-ip-btn::after {
            content: attr(data-copy-text);
        }

        .copy-ip-btn.copied::after {
            content: 'Copied!';
        }

        /* Glowing effect for copy IP button on hover */
        .copy-ip-btn:hover {
            box-shadow: 0 0 15px rgba(16, 185, 129, 0.7); /* Green glow */
        }

        .status-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            display: inline-block;
            margin-right: 8px;
            animation: pulse 2s infinite;
        }
        .status-dot.online { background-color: #22c55e; } /* green-500 */
        .status-dot.offline { background-color: #ef4444; } /* red-500 */
        .status-dot.loading { background-color: #f59e0b; } /* yellow-500 */

        @keyframes pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.5; }
        }

        .motd-box {
            background-color: #000;
            color: #FFF;
            font-family: 'Courier New', Courier, monospace;
            padding: 1rem;
            border-radius: 0 0 0.75rem 0.75rem; /* bottom corners rounded */
            white-space: pre-wrap;
            line-height: 1.5;
            text-shadow: 0 0 2px #000; /* For better readability */
        }
		
		footer {
            background-color: #0a0a0a;
        }

        footer p {
            color: #6b7280; /* gray-500 */
        }