body{
    font-family:Arial, Helvetica, sans-serif;
    background:var(--bg);
    color:var(--text);
    line-height:1.4;
}

.container{
    width:100%;
    max-width:1100px;
    margin:0 auto;
    padding:0 var(--space-3);
}

.topbar{
    background:linear-gradient(135deg,var(--primary),var(--primary-dark));
    color:#fff;
    padding:18px 0;
    box-shadow:var(--shadow);
}

.topbar-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.brand h1{
    font-size:24px;
    margin-bottom:4px;
}

.brand p{
    font-size:14px;
    opacity:.9;
}

.main-content{
    padding:24px 0 40px 0;
}

.footer{
    padding:20px 0 30px 0;
    text-align:center;
    color:var(--muted);
    font-size:14px;
}