:root { 
            --primary: #6366f1; 
            --accent: #22d3ee; 
            --bg-color: #0f111a; 
            --glass-bg: rgba(30, 41, 59, 0.85); 
            --glass-border: rgba(255, 255, 255, 0.1); 
            --text-muted: #94a3b8;
        }
        
        body { 
            background-color: var(--bg-color); 
            color: #fff; 
            font-family: 'Inter', sans-serif; 
            min-height: 100vh; 
            overflow-x: hidden; 
            padding-bottom: 90px; 
            background-image: radial-gradient(circle at 15% 50%, rgba(99, 102, 241, 0.15) 0%, transparent 25%), radial-gradient(circle at 85% 30%, rgba(34, 211, 238, 0.15) 0%, transparent 25%);
        }

        /* Glass Card */
        .glass-card { 
            background: var(--glass-bg); 
            backdrop-filter: blur(12px); 
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid var(--glass-border); 
            border-radius: 16px; 
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.4); 
            margin-bottom: 15px;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }
        .glass-card:hover { border-color: rgba(255,255,255,0.2); }

        /* Form Elements Fix */
        .form-control, .form-select { 
            background-color: #1e293b !important; 
            color: #ffffff !important; 
            border: 1px solid rgba(255, 255, 255, 0.15) !important; 
            border-radius: 10px; 
            padding: 10px 15px; 
            font-size: 1rem; 
        }
        .form-control::placeholder { color: rgba(255, 255, 255, 0.4) !important; opacity: 1; }
        .form-control:focus, .form-select:focus { 
            background-color: #263345 !important; 
            border-color: var(--primary) !important; 
            box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.25); 
        }
        /* Modal Fixes */
        .modal-content { background-color: #1e293b; color: white; border: 1px solid rgba(255,255,255,0.1); }
        .modal-header { border-bottom: 1px solid rgba(255,255,255,0.1); }
        .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }

        /* Typography & Links */
        a { text-decoration: none !important; transition: 0.2s; }
        small, .text-muted { color: var(--text-muted) !important; }
        
        /* Neon Buttons */
        .btn-neon { 
            background: linear-gradient(135deg, var(--primary), #4f46e5); 
            border: none; 
            color: white !important; 
            padding: 12px; 
            border-radius: 12px; 
            font-weight: 600; 
            width: 100%; 
            transition: 0.3s; 
            box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3); 
        }
        .btn-neon:hover { 
            transform: translateY(-2px); 
            box-shadow: 0 8px 25px rgba(99, 102, 241, 0.5); 
        }
        .btn-neon:disabled { background: #334155; box-shadow: none; cursor: not-allowed; opacity: 0.7; }

        /* Mobile Dock (Fixed) */
        .mobile-dock { 
            position: fixed; 
            bottom: 20px; 
            left: 15px; right: 15px;
            height: 70px;
            background: rgba(30, 41, 59, 0.95); 
            backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.1); 
            border-radius: 24px; 
            display: flex; 
            justify-content: space-around; 
            align-items: center; 
            padding: 0 10px;
            z-index: 1000; 
            box-shadow: 0 15px 40px rgba(0,0,0,0.6); 
        }
        .nav-icon { 
            color: #64748b; 
            font-size: 1.4rem; 
            padding: 12px; 
            border-radius: 16px; 
            transition: 0.3s; 
        } 
        .nav-icon.active { 
            color: var(--primary); 
            background: rgba(99, 102, 241, 0.1); 
            box-shadow: inset 0 0 10px rgba(99, 102, 241, 0.1);
        }

        /* Desktop Nav */
        .desktop-nav { 
            background: rgba(15, 23, 42, 0.95); 
            border-bottom: 1px solid rgba(255,255,255,0.1); 
            padding: 15px 0; 
            backdrop-filter: blur(10px);
        }
        .nav-link-pc { color: #94a3b8; margin: 0 15px; font-weight: 500; font-size: 0.95rem; } 
        .nav-link-pc:hover, .nav-link-pc.active { color: white; }
        
        /* Responsive */
        .desktop-nav { display: none; } 
        .mobile-dock { display: flex; } 
        @media (min-width: 992px) { 
            body { padding-bottom: 0; } 
            .desktop-nav { display: block; } 
            .mobile-dock { display: none !important; } 
            .container-main { max-width: 1000px !important; margin-top: 40px; } 
        }

        /* Toggles & Options */
        .toggle-box { background: rgba(0,0,0,0.3); border-radius: 12px; padding: 4px; display: flex; margin-bottom: 20px; border: 1px solid rgba(255,255,255,0.1); }
        .toggle-item { flex: 1; text-align: center; padding: 10px; cursor: pointer; border-radius: 8px; color: var(--text-muted); font-weight: 600; transition: 0.2s; } 
        .toggle-item.active { background: var(--primary); color: white; }

        .option-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; margin-bottom: 15px; }
        .option-label { cursor: pointer; position: relative; }
        .option-label input { position: absolute; opacity: 0; height: 0; width: 0; }
        .option-box { 
            background: rgba(255,255,255,0.05); 
            border: 1px solid rgba(255,255,255,0.1); 
            border-radius: 12px; 
            padding: 15px; 
            text-align: center; 
            height: 100%;
            display: flex; flex-direction: column; justify-content: center; 
            transition: 0.2s; 
        }
        .option-label input:checked ~ .option-box { background: rgba(99, 102, 241, 0.2); border-color: var(--primary); box-shadow: 0 0 15px rgba(99, 102, 241, 0.2); }
        .ratio-tag { color: var(--accent); font-weight: 800; font-size: 1.25rem; }
        .text-up { color: #10b981 !important; text-shadow: 0 0 10px rgba(16, 185, 129, 0.3); } 
        .text-down { color: #ef4444 !important; text-shadow: 0 0 10px rgba(239, 68, 68, 0.3); }

        /* Animation for Borsa */
        .flash-green { animation: flashG 1s ease; }
        .flash-red { animation: flashR 1s ease; }
        @keyframes flashG { 0% { background: rgba(16,185,129,0.3); } 100% { background: transparent; } }
        @keyframes flashR { 0% { background: rgba(239,68,68,0.3); } 100% { background: transparent; } }

        .marquee-coin { font-family: monospace; letter-spacing: 1px; }
    </style>