*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;background:#f3f6fb;color:#172033}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}
.topbar{background:linear-gradient(135deg,#083d77,#0d5ea8);color:#fff;padding:28px 0}
.topbar h1{margin:0 0 8px;font-size:28px}
.topbar p{margin:0;opacity:.92}
.content{padding:20px 0 24px}
.panel{background:#fff;border:1px solid #d8e3f3;border-radius:12px;padding:18px;margin-bottom:16px}
.panel h2{margin:0 0 10px;font-size:20px}
.app-frame iframe{border:1px solid #d8e3f3;border-radius:10px;width:100%;height:70vh;background:#fff}
.ad-slot{margin:16px 0}
.ad-label{font-size:13px;color:#4c5f80;margin:0 0 6px}
.ad-box{height:120px;border:2px dashed #b8c8e2;border-radius:10px;background:#f9fbff;display:flex;align-items:center;justify-content:center;color:#62759a}
.footer{background:#0f1d35;color:#d9e3f7;padding:24px 0;margin-top:10px}
.footer p{margin:6px 0}
.footer a{color:#9dccff;text-decoration:none}
.footer a:hover{text-decoration:underline}
.legal{max-width:900px;margin:24px auto;background:#fff;border:1px solid #d8e3f3;border-radius:12px;padding:18px}
.legal h1{margin-top:0}