/* ===== PIPS.SCHOOL — GLOBAL STYLES ===== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Noto+Sans+Bengali:wght@400;500;700&family=Space+Mono:wght@400;700&display=swap');

:root {
    --bg:      #0a0e1a;
    --bg2:     #111827;
    --card:    #141c2e;
    --card2:   #1a2540;
    --accent:  #f5c518;
    --accent2: #ff6b35;
    --green:   #00d4aa;
    --red:     #ff4757;
    --blue:    #409eff;
    --text:    #e8eaf0;
    --muted:   #7a8499;
    --border:  rgba(245,197,24,0.15);
    --font-display: 'Playfair Display', serif;
    --font-body:    'Noto Sans Bengali', sans-serif;
    --font-mono:    'Space Mono', monospace;
    --radius:  14px;
    --shadow:  0 20px 50px rgba(0,0,0,0.5);
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:var(--font-body);overflow-x:hidden;line-height:1.6;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;}
ul{list-style:none;}
button{cursor:pointer;font-family:var(--font-body);}

/* ===== NAVBAR ===== */
nav{
    position:sticky;top:0;z-index:1000;
    background:rgba(10,14,26,0.95);
    backdrop-filter:blur(16px);
    border-bottom:1px solid var(--border);
    padding:0 2rem;
    display:flex;align-items:center;justify-content:space-between;
    height:64px;
}
.logo{display:flex;align-items:center;gap:10px;}
.logo-icon{width:38px;height:38px;background:var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;color:#0a0e1a;font-size:13px;}
.logo-text{font-family:var(--font-display);font-size:1.35rem;font-weight:900;color:#fff;}
.logo-text span{color:var(--accent);}
.nav-links{display:flex;align-items:center;gap:0.15rem;}
.nav-links a{color:var(--muted);padding:0.45rem 0.85rem;border-radius:6px;font-size:0.87rem;font-weight:500;transition:all .2s;}
.nav-links a:hover,.nav-links a.active{color:#fff;background:rgba(255,255,255,0.07);}
.nav-links a.active{color:var(--accent);}
.has-dropdown{position:relative;}
.dropdown{display:none;position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:var(--card2);border:1px solid var(--border);border-radius:12px;padding:.5rem;box-shadow:var(--shadow);}
.has-dropdown:hover .dropdown{display:block;}
.dropdown a{display:block;padding:.6rem .8rem;border-radius:8px;font-size:.83rem;color:var(--muted);}
.dropdown a:hover{background:rgba(245,197,24,.1);color:var(--accent);}
.nav-right{display:flex;gap:.6rem;align-items:center;}
.lang-toggle{background:rgba(255,255,255,.07);border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:.35rem .7rem;font-size:.78rem;font-family:var(--font-mono);transition:all .2s;}
.lang-toggle:hover{color:var(--accent);border-color:var(--accent);}

/* ===== BUTTONS ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1.1rem;border-radius:8px;font-size:.85rem;font-weight:600;transition:all .2s;border:none;font-family:var(--font-body);}
.btn-sm{padding:.35rem .8rem;font-size:.8rem;}
.btn-lg{padding:.8rem 1.8rem;font-size:1rem;border-radius:10px;}
.btn-xl{padding:1rem 2.4rem;font-size:1.05rem;border-radius:12px;}
.btn-primary{background:var(--accent);color:#0a0e1a;}
.btn-primary:hover{background:#e6b800;transform:translateY(-1px);}
.btn-outline{border:1.5px solid var(--border)!important;background:transparent;color:var(--text);}
.btn-outline:hover{border-color:var(--accent)!important;color:var(--accent);}
.btn-ghost{background:rgba(255,255,255,.06);color:var(--text);}
.btn-ghost:hover{background:rgba(255,255,255,.1);}
.btn-green{background:var(--green);color:#0a0e1a;}
.btn-green:hover{background:#00bfa0;}

/* ===== TICKER ===== */
.ticker-wrap{background:var(--card);border-bottom:1px solid var(--border);padding:.55rem 0;overflow:hidden;}
.ticker{display:flex;gap:3rem;animation:ticker 35s linear infinite;width:max-content;}
.ticker-item{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.8rem;white-space:nowrap;}
.ticker-item .pair{color:var(--text);font-weight:700;}
.up{color:var(--green);}
.down{color:var(--red);}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ===== LAYOUT ===== */
.container{max-width:1140px;margin:0 auto;padding:0 1.5rem;}
.container-sm{max-width:800px;margin:0 auto;padding:0 1.5rem;}
section{padding:5rem 0;}
.section-label{font-family:var(--font-mono);font-size:.72rem;color:var(--accent);letter-spacing:3px;text-transform:uppercase;margin-bottom:.5rem;}
.section-title{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:900;line-height:1.2;margin-bottom:.8rem;}
.section-desc{color:var(--muted);font-size:.98rem;line-height:1.75;max-width:560px;}
.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem;}
.bg2{background:var(--bg2);}
.text-accent{color:var(--accent);}
.text-muted{color:var(--muted);}
.text-green{color:var(--green);}
.text-red{color:var(--red);}
.mono{font-family:var(--font-mono);}

/* ===== CARDS ===== */
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:all .3s;}
.card:hover{border-color:rgba(245,197,24,.35);transform:translateY(-3px);}
.card-body{padding:1.5rem;}

/* ===== BADGE ===== */
.badge{display:inline-block;padding:.22rem .65rem;border-radius:4px;font-size:.72rem;font-weight:700;font-family:var(--font-mono);}
.badge-accent{background:var(--accent);color:#0a0e1a;}
.badge-orange{background:var(--accent2);color:#fff;}
.badge-green{background:rgba(0,212,170,.15);color:var(--green);border:1px solid rgba(0,212,170,.3);}
.badge-red{background:rgba(255,71,87,.15);color:var(--red);border:1px solid rgba(255,71,87,.3);}
.badge-blue{background:rgba(64,158,255,.15);color:var(--blue);border:1px solid rgba(64,158,255,.3);}

/* ===== FORM ===== */
.form-group{margin-bottom:1.2rem;}
.form-label{display:block;font-size:.82rem;color:var(--muted);font-family:var(--font-mono);margin-bottom:.4rem;}
.form-control{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.7rem 1rem;color:var(--text);font-size:.9rem;font-family:var(--font-body);outline:none;transition:border-color .2s;}
.form-control:focus{border-color:var(--accent);}
.form-control option{background:var(--bg2);}
textarea.form-control{resize:vertical;min-height:110px;}

/* ===== PAGE HEADER ===== */
.page-header{padding:4rem 0 3rem;background:var(--bg2);border-bottom:1px solid var(--border);position:relative;overflow:hidden;}
.page-header::before{content:'';position:absolute;top:-150px;right:-100px;width:500px;height:500px;background:radial-gradient(ellipse,rgba(245,197,24,.08) 0%,transparent 70%);pointer-events:none;}
.page-header-inner{max-width:1140px;margin:0 auto;padding:0 1.5rem;}
.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--muted);font-family:var(--font-mono);margin-bottom:1rem;}
.breadcrumb a{color:var(--muted);}
.breadcrumb a:hover{color:var(--accent);}
.breadcrumb span{color:var(--muted);}

/* ===== ANIMATIONS ===== */
.reveal{opacity:0;transform:translateY(25px);transition:opacity .6s ease,transform .6s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeInDown{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}
.anim-1{animation:fadeInUp .6s ease .1s both;}
.anim-2{animation:fadeInUp .6s ease .2s both;}
.anim-3{animation:fadeInUp .6s ease .3s both;}
.anim-4{animation:fadeInUp .6s ease .4s both;}

/* ===== FOOTER ===== */
footer{background:var(--bg2);border-top:1px solid var(--border);padding:3.5rem 0 0;}
.footer-inner{max-width:1140px;margin:0 auto;padding:0 1.5rem;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;padding-bottom:3rem;}
.footer-brand p{color:var(--muted);font-size:.84rem;line-height:1.75;margin-top:.75rem;max-width:250px;}
.footer-col h5{font-size:.72rem;font-family:var(--font-mono);letter-spacing:2.5px;color:var(--accent);text-transform:uppercase;margin-bottom:1rem;}
.footer-col a{display:block;color:var(--muted);font-size:.84rem;margin-bottom:.5rem;transition:color .2s;}
.footer-col a:hover{color:var(--text);}
.footer-bottom{border-top:1px solid var(--border);padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--muted);flex-wrap:wrap;gap:.5rem;}

/* ===== RESPONSIVE ===== */
@media(max-width:960px){
    .nav-links,.nav-right .btn-outline{display:none;}
    .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
    section{padding:3.5rem 0;}
    .footer-grid{grid-template-columns:1fr;}
    .footer-bottom{flex-direction:column;text-align:center;}
}

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{background:var(--bg2);}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;}
::-webkit-scrollbar-thumb:hover{background:rgba(245,197,24,.3);}