
/* ByteT clean frame — safe overrides (does NOT modify your existing css) */
:root{
  --bt-red:#b30000;
  --bt-red-dark:#8a0000;
  --bt-text:#111;
  --bt-bg:#fff;
  --bt-max:1180px;
}
.bt-container{max-width:var(--bt-max); margin:0 auto; padding:0 16px;}
.bt-header{background:var(--bt-bg);}
.bt-topbar{background:var(--bt-red); border-top:6px solid var(--bt-red-dark); border-bottom:6px solid var(--bt-red-dark);}
.bt-topbar-inner{display:flex; align-items:center; gap:16px; min-height:78px;}
.bt-logo img{height:46px; width:auto; display:block;}
.bt-nav{margin-left:auto; display:flex; gap:14px; flex-wrap:wrap; align-items:center;}
.bt-nav a{color:#fff; text-decoration:none; font-weight:600; padding:8px 10px; border-radius:6px;}
.bt-nav a:hover{background:rgba(255,255,255,0.12);}
.bt-portal{background:#fff; color:var(--bt-red)!important;}
.bt-portal:hover{background:#f3f3f3!important;}
.bt-redline{height:10px; background:linear-gradient(90deg, var(--bt-red-dark), var(--bt-red), var(--bt-red-dark));}

.bt-main{background:var(--bt-bg); padding:28px 0;}
.bt-content{background:#fff; border:2px solid var(--bt-red); border-radius:10px; padding:22px;}

.bt-footer{background:#111; color:#eee; margin-top:24px; border-top:6px solid var(--bt-red);}
.bt-footer-inner{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 16px;}
.bt-footer-title{font-weight:700;}
.bt-footer-sub{opacity:0.85; font-size:13px;}
.bt-ssl{height:38px; width:auto; border-radius:6px; background:#fff; padding:4px;}

@media (max-width:720px){
  .bt-topbar-inner{flex-direction:column; align-items:flex-start; padding:12px 0;}
  .bt-nav{margin-left:0; width:100%; gap:8px;}
}
