*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080d17;color:#cbd5e1;font-family:Arial,Helvetica,sans-serif;line-height:1.8}
a{color:#fcd34d;text-decoration:underline;text-underline-offset:4px}a:hover{color:#fde68a}
header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(8,13,23,.96);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px)}
.nav{max-width:1152px;margin:auto;padding:0 20px;height:80px;display:flex;align-items:center;justify-content:space-between}
.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #fff;
  text-decoration: none;
  font-size: 20px;
  font-weight: 700;
}

/* Updated logo styling specifically for image tags */
.brand img.logo, 
.logo img, 
img.logo {
  width: 40px;
  height: 40px;
  min-width: 40px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}
.logo{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#fcd34d,#f59e0b);color:#111827;display:flex;align-items:center;justify-content:center;font-weight:800}
.links{display:flex;gap:25px;font-size:14px}.links a{text-decoration:none}
main{padding:128px 20px 80px}.container{max-width:896px;margin:auto}
.hero,.article{border-radius:24px;border:1px solid rgba(255,255,255,.1);padding:40px;background:#0d1320}
.hero{background:linear-gradient(135deg,#151d30,#0d1320);border-color:rgba(251,191,36,.2);box-shadow:0 25px 50px rgba(0,0,0,.3)}
.kicker{color:#fde68a;font-size:13px;font-weight:700;letter-spacing:1.5px}
h1,h2,h3{font-family:Arial,Helvetica,sans-serif;color:#fff;line-height:1.25}h1{font-size:48px;margin:10px 0 22px}h2{font-size:36px;margin:48px 0 20px}h3{font-size:21px;color:#fde68a;margin:26px 0 10px}
.muted{color:#94a3b8;font-size:14px}.article{margin-top:40px}.article p{margin:0 0 16px}
table{width:100%;border-collapse:collapse;margin:25px 0}th,td{border:1px solid rgba(255,255,255,.1);padding:13px 15px;text-align:left}th{color:#fde68a}
.table-wrap{overflow-x:auto}.notice{padding:18px 20px;border:1px solid rgba(251,191,36,.2);border-radius:16px;background:rgba(251,191,36,.05);margin:25px 0}
ul{padding-left:25px}
@media(max-width:767px){.links{display:none}.nav{padding:0 15px}main{padding:110px 14px 60px}.hero,.article{padding:24px 20px}h1{font-size:34px}h2{font-size:28px}.container{width:100%}}


.brand-rumble,.footer-logo .brand-rumble{color:#fff}.brand-rummy,.footer-logo .brand-rummy{color:#fbbf24}
.brand>span:last-child{white-space:nowrap}
.site-footer{border-top:1px solid rgba(255,255,255,.08);background:#080d17;padding:68px 30px 28px;margin-top:0}
.footer-container{max-width:1216px;margin:0 auto}
.footer-grid{display:grid;grid-template-columns:2.1fr 1fr 1.15fr 1fr;gap:56px;padding-bottom:48px}
.footer-brand p{max-width:520px;color:#94a3b8;font-size:17px;line-height:1.7;margin:22px 0 0}
.footer-logo{display:inline-flex;align-items:center;gap:13px;text-decoration:none;font-size:25px;font-weight:800}
.footer-logo-mark{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#111827;display:inline-flex;align-items:center;justify-content:center;font-size:23px;font-weight:900}
.footer-column{display:flex;flex-direction:column;gap:10px}
.footer-column h3{font-size:16px;letter-spacing:.5px;color:#fff;margin:2px 0 12px}
.footer-column a{color:#94a3b8;text-decoration:none;font-size:16px;line-height:1.55}
.footer-column a:hover{color:#fbbf24}
.footer-legal{grid-column:1 / 2;margin-top:-2px}
.responsible-box{border:1px solid rgba(251,191,36,.24);border-radius:16px;background:rgba(251,191,36,.045);padding:18px 20px;color:#cbd5e1;font-size:16px;line-height:1.5;margin-bottom:38px}
.responsible-box strong{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:26px;display:flex;justify-content:space-between;gap:20px;color:#64748b;font-size:14px}
@media(max-width:900px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-legal{grid-column:auto}}
@media(max-width:767px){.site-footer{padding:48px 20px 24px}.footer-grid{grid-template-columns:1fr;gap:34px;padding-bottom:38px}.footer-brand p{font-size:15px}.footer-column a{font-size:15px}.footer-bottom{flex-direction:column;gap:8px}.footer-logo{font-size:22px}.footer-logo-mark{width:46px;height:46px}}

.links a{color:#cbd5e1}.links a:hover{color:#fbbf24}.links a:first-child{color:#cbd5e1}