/* GLOBAL RESET */
* { margin:0; padding:0; box-sizing:border-box; font-family:'Inter',sans-serif; }
body { background:#0b0f17; color:#fff; overflow-x:hidden; }

/* GLASS EFFECT */
.glass-nav, .glass-panel, .glass-btn, .glass-splash { 
    backdrop-filter: blur(12px); 
    -webkit-backdrop-filter: blur(12px); 
    background: rgba(255,255,255,0.08); 
    border:1px solid rgba(255,255,255,0.15); 
    border-radius:14px; 
}

/* NAVIGATION */
.nav {
    width: calc(100% - 40px);
    margin: 0 20px;
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    top: 20px;
    left: 0;
    right: 0;
    z-index: 999;
}
.nav-left img { max-width: 130px; }
.nav-links { display:flex; gap:32px; align-items:center; }
.nav-links a { color:#fff; text-decoration:none; font-size:15px; opacity:0.85; transition:0.2s; }
.nav-links a:hover { opacity:1; }
.nav-right { display:flex; gap:14px; align-items:center; }
.nav-right a { min-width:80px; text-align:center; padding:8px 16px; }

/* BUTTONS */
.glass-btn { padding:10px 22px; color:#fff; text-decoration:none; font-size:14px; border-radius:10px; cursor:pointer; transition:0.25s; }
.glass-btn:hover { background: rgba(255,255,255,0.12); }
.large-btn { padding:14px 32px; font-size:16px; }

/* HERO */
.hero { 
    height:100vh; 
    width:100%; 
    display:flex; 
    align-items:center; 
    justify-content:center; 
    padding-top:90px; 
    background: url('https://alphae11ven.com/risk-management/img/futuristic-night-city-blur.png') no-repeat center center; 
    background-size:cover; 
    position:relative; 
}
.hero::before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(11,15,23,0.6); z-index:1; }
.hero-inner { text-align:center; padding:40px 60px; max-width:650px; position:relative; z-index:2; }
.hero-title { font-size:42px; margin-bottom:12px; font-weight:600; }
.hero-sub { font-size:16px; opacity:0.75; margin-bottom:24px; }

/* TICKER TAPE */
.ticker-section iframe { width:100%; height:50px; margin:10px 0; border-radius:10px; }

/* TOOLS SECTION */
.tools-section { padding:100px 6%; text-align:center; }
.section-title { font-size:30px; margin-bottom:40px; font-weight:600; }
.tools-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:26px; }
.tool-card { padding:28px; text-align:left; min-height:200px; display:flex; flex-direction:column; justify-content:space-between; }
.tool-card h3 { font-size:20px; margin-bottom:10px; }
.tool-card p { opacity:0.75; margin-bottom:20px; }

/* CONTACT SECTION */
.contact-section { padding:120px 6%; text-align:center; }
.contact-section p { opacity:0.7; margin-bottom:30px; }

/* WHATSAPP FLOAT BUTTON */
.whatsapp-btn { 
    position:fixed; 
    bottom:30px; 
    right:30px; 
    z-index:999; 
    display:flex; 
    align-items:center; 
    justify-content:center; 
    width:60px; 
    height:60px; 
    background: rgba(37,211,102,0.15); 
    backdrop-filter:blur(12px); 
    -webkit-backdrop-filter:blur(12px); 
    border-radius:50%; 
    border:1px solid rgba(255,255,255,0.15); 
    cursor:pointer; 
    transition:transform 0.2s ease; 
}
.whatsapp-btn:hover { transform:scale(1.1); background: rgba(37,211,102,0.25); }
.whatsapp-btn img { width:32px; height:32px; }

/* FLOATING TRADING SESSION BOX */
#trading-session-box {
    position: fixed;
    bottom: 30px;
    left: 30px;
    background: rgba(255,255,255,0.06);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border:1px solid rgba(255,255,255,0.15);
    border-radius:14px;
    padding:12px 20px;
    color:#fff;
    font-family:'Orbitron',sans-serif;
    z-index:1000;
    opacity:0;
    transition:opacity 1s ease;
}
.session-indicator {
    display:flex;
    align-items:center;
    gap:8px;
    font-size:14px;
    white-space:nowrap;
}
#session-name { font-weight:600; }
#session-dot {
    width:10px;
    height:10px;
    background-color:#22ff22;
    border-radius:50%;
    animation:blinkDot 1.5s infinite;
    display:inline-block;
    vertical-align:middle;
}
#utc-time-date { font-size:14px; }

/* Green dot animation */
@keyframes blinkDot {
    0%,50%,100% { opacity:1; } 
    25%,75% { opacity:0.2; } 
}

/* RESPONSIVE */
@media(max-width:600px){
    #trading-session-box{width:auto;padding:10px 14px;}
    .session-indicator{font-size:12px; gap:6px;}
    #utc-time-date{font-size:12px;}
    .whatsapp-btn{width:50px;height:50px;}
    .whatsapp-btn img{width:28px;height:28px;}
    .large-btn{padding:12px 24px;font-size:14px;}
}