/* =================================
   GLOBAL
================================= */
 

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Raleway", sans-serif, "Poppins", "Open Sans";
  line-height: 1.6;
  color: #333;
  border-radius: 2px;
  overflow-x: hidden;
}
/* =================================
   ROOT COLORS (YOUR SYSTEM)
================================= */
:root{
  --bg:#0f1720;        /* App background */
  --panel:#14496f;     /* Primary panels / headers */
  --muted:#ffffff;    /* Main text */
  --accent:#218079 ;   /* Success / primary actions */
  --accent2:#f59e0b;  /* Warnings / highlights */
  --card:#0b1220;     /* Cards / sidebar */
}


/* =================================
   GLOBAL
================================= */
* {
    box-sizing: border-box;
    
}

body {
    margin: 0;
    font-family: 'Inter', sans-serif;
    background: var(--bg);
    color: var(--muted);
}

/* =================================
   GLOBAL WRAPPER
================================= */
.bcp-wrapper{
    max-width:1400px;
    margin:0 auto;
    padding:0 24px;
}

/* =================================
   NAVBAR
================================= */
.bcp-navbar{
    background:var(--panel);
    border-bottom:1px solid #0f1725;
}


.bcp-navbar-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 0;
}

.bcp-navbar-brand{
    font-size:18px;
    font-weight:700;
    margin-top: 15px;
}

.bcp-navbar-login-btn{
    background:var(--accent);
    border:0;
    color:#fff;
    padding:10px 16px;
    border-radius:6px;
    font-size:14px;
    font-weight:600;
    cursor:pointer;
    text-decoration: none;
    margin-right: 35px;
}

.bcp-navbar-login-btn:hover{
    opacity:.9;
}

/* =================================
   WELCOME
================================= */
.bcp-welcome{
    text-align:center;
    margin-top:80px;
}

.bcp-welcome-title{
    font-size:32px;
    margin-bottom:10px;
}

.bcp-welcome-subtitle{
    font-size:15px;
    color:#cbd5e1;
}

/* =================================
   LOGIN CARD
================================= */
.bcp-login-card{
    background:var(--card);
    width:320px;
    margin:40px auto;
    padding:24px;
    border-radius:10px;
    border:1px solid #0f1725;
    box-shadow:0 10px 25px rgba(0,0,0,.45);
}

.bcp-login-label{
    font-size:13px;
    color:#cbd5e1;
}

.bcp-login-input{
    width:100%;
    padding:10px;
    margin-top:6px;
    margin-bottom:14px;
    background:#071019;
    border:1px solid #1e3342;
    border-radius:6px;
    color:var(--muted);
}

.bcp-login-input:focus{
    outline:none;
    border-color:var(--accent);
}

.bcp-login-submit{
    width:100%;
    padding:10px;
    background:var(--panel);
    color:var(--muted);
    border:0;
    border-radius:6px;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
}

.bcp-login-submit:hover{
    background:#1e3342;
}

/* =================================
   MESSAGE
================================= */
.bcp-login-message{
    margin-top:12px;
    text-align:center;
    font-size:14px;
    color:var(--accent2);
}