/* Supreme Finance Trak - Shared Theme Styles */
/* Extracted from the original landing page. Keep this file shared by all pages. */

:root {
            --glass-bg: rgba(255, 255, 255, 0.7);
            --glass-border: rgba(255, 255, 255, 0.5);
            --shadow-soft: 0 10px 40px -10px rgba(15, 23, 42, 0.08);
            --shadow-accent: 0 15px 50px -10px rgba(6, 182, 212, 0.25);
        }

        html { scroll-behavior: smooth; }
        body { background-color: #ECFEFF; color: #111827; overflow-x: hidden; }

        .glass-panel {
            background: var(--glass-bg);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid var(--glass-border);
            border-radius: 24px;
            box-shadow: var(--shadow-soft);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .glass-panel:hover {
            transform: translateY(-5px);
            box-shadow: var(--shadow-accent);
            border-color: rgba(6, 182, 212, 0.4);
        }

        .glass-nav {
            background: rgba(236, 254, 255, 0.85);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border-bottom: 1px solid rgba(255, 255, 255, 0.6);
        }

        .gradient-text {
            background: linear-gradient(135deg, #164E63 0%, #06B6D4 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .gradient-bg { background: linear-gradient(135deg, #0F172A 0%, #164E63 100%); }
        .accent-gradient-bg { background: linear-gradient(135deg, #06B6D4 0%, #164E63 100%); }

        @keyframes float {
            0%, 100% { transform: translateY(0px) rotate(0deg); }
            50% { transform: translateY(-20px) rotate(2deg); }
        }
        .floating-element { animation: float 8s ease-in-out infinite; }
        .floating-element-delayed { animation: float 8s ease-in-out 2s infinite; }

        .blob {
            position: absolute;
            border-radius: 50%;
            filter: blur(80px);
            opacity: 0.4;
            z-index: 0;
        }

        .modal {
            display: none;
            position: fixed;
            z-index: 9999;
            left: 0; top: 0;
            width: 100%; height: 100%;
            background-color: rgba(15, 23, 42, 0.6);
            backdrop-filter: blur(8px);
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        .modal.active { display: flex; opacity: 1; }
        .modal-content {
            background: #FFFFFF;
            border-radius: 24px;
            max-width: 800px;
            width: 90%;
            max-height: 80vh;
            overflow-y: auto;
            padding: 2.5rem;
            position: relative;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
            transform: scale(0.95);
            transition: transform 0.3s ease;
        }
        .modal.active .modal-content { transform: scale(1); }
        .close-modal {
            position: absolute; top: 1.5rem; right: 1.5rem;
            font-size: 1.5rem; cursor: pointer; color: #6B7280; transition: color 0.2s;
        }
        .close-modal:hover { color: #0F172A; }

        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #ECFEFF; }
        ::-webkit-scrollbar-thumb { background: #06B6D4; border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: #164E63; }

        .accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out; }
        .accordion-item.active .accordion-content { max-height: 500px; }
        .accordion-item.active .accordion-icon { transform: rotate(180deg); }


/* ===== Inner Page Headers ===== */
.inner-page-header{position:relative;overflow:hidden;padding:150px 0 78px;background:linear-gradient(135deg,#0F172A 0%,#164E63 58%,#0b7490 100%);isolation:isolate}
.inner-page-header:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.8),transparent)}
.inner-header-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}
.header-orb{position:absolute;border-radius:999px;filter:blur(2px);pointer-events:none;z-index:-1}.header-orb-one{width:420px;height:420px;right:-120px;top:-190px;background:rgba(6,182,212,.28)}.header-orb-two{width:280px;height:280px;left:-130px;bottom:-190px;background:rgba(255,255,255,.08)}
.page-kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid rgba(103,232,249,.28);border-radius:999px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);color:#a5f3fc;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700;margin-bottom:18px}.page-kicker span{width:7px;height:7px;border-radius:50%;background:#06B6D4;box-shadow:0 0 14px rgba(6,182,212,.9)}
.page-breadcrumb{display:flex;align-items:center;gap:10px;margin-top:24px;font-size:.85rem;color:rgba(236,254,255,.72)}.page-breadcrumb a{color:#67e8f9;font-weight:600}.page-breadcrumb i{font-size:.65rem;color:rgba(255,255,255,.45)}
/* ===== Premium Footer ===== */
.site-footer{position:relative;overflow:hidden;background:#07101f;color:#fff;padding:76px 0 24px}.footer-glow{position:absolute;width:520px;height:520px;right:-220px;top:-280px;border-radius:50%;background:rgba(6,182,212,.12);filter:blur(70px);pointer-events:none}.footer-top{display:grid;grid-template-columns:1.55fr 1fr 1fr 1.25fr;gap:48px;padding-bottom:52px}.footer-brand{max-width:390px}.footer-logo{display:inline-flex;align-items:center;gap:12px;color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-size:1.15rem;font-weight:700}.footer-logo strong{color:#67e8f9}.footer-logo-icon{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:13px;background:linear-gradient(135deg,#06B6D4,#164E63);box-shadow:0 12px 30px rgba(6,182,212,.25)}.footer-brand>p{margin:20px 0 22px;color:#94a3b8;font-size:.9rem;line-height:1.8}.footer-main-cta{display:inline-flex;align-items:center;gap:9px;color:#67e8f9;font-weight:700;font-size:.9rem}.footer-main-cta i{transition:transform .25s}.footer-main-cta:hover i{transform:translateX(4px)}.footer-column{display:flex;flex-direction:column;gap:12px}.footer-column h4{margin:0 0 10px;color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem}.footer-column>a{color:#94a3b8;font-size:.88rem;transition:color .2s,transform .2s}.footer-column>a:hover{color:#67e8f9;transform:translateX(3px)}.footer-contact>a{display:flex;align-items:flex-start;gap:10px}.footer-contact>a i{width:18px;color:#22d3ee;margin-top:3px}.footer-socials{display:flex;gap:9px;margin-top:12px}.footer-socials a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.04);color:#cbd5e1;transition:.2s}.footer-socials a:hover{background:#06B6D4;border-color:#06B6D4;color:#fff;transform:translateY(-2px)}.footer-trust{display:flex;flex-wrap:wrap;gap:12px;padding:18px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.footer-trust>div{display:flex;align-items:center;gap:9px;padding:9px 14px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.025);color:#94a3b8;font-size:.78rem}.footer-trust i{color:#22d3ee}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:24px;color:#64748b;font-size:.78rem}.footer-bottom p{margin:0}.footer-legal{display:flex;gap:20px;flex-wrap:wrap}.footer-legal a{color:#94a3b8}.footer-legal a:hover{color:#67e8f9}
@media(max-width:900px){.footer-top{grid-template-columns:1fr 1fr;gap:38px}.footer-brand{grid-column:1/-1;max-width:650px}}
@media(max-width:640px){.inner-page-header{padding:132px 0 58px}.inner-page-header h1{font-size:2.35rem}.footer-top{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;align-items:flex-start}.footer-trust{flex-direction:column}.footer-trust>div{width:100%}}
.nav-active{color:#06B6D4!important;position:relative}.lg\:flex .nav-active:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;border-radius:99px;background:#06B6D4}