body{margin:0;padding:0;font-family:Segoe UI,Arial,sans-serif;background:#f4f6fa;color:#0d2e58;min-height:100vh;display:flex;flex-direction:column}strong{color:#004779}.logo{width:auto;height:40px}main{flex:1 0 auto;width:90%;margin:0 auto;padding:24px 24px 40px;background:#fff;border-radius:18px;box-shadow:0 4px 32px #00000012;min-height:400px}.promoted{border:2px solid gold;background:#fffef0}.promoted-badge{background:gold;color:#333;padding:2px 6px;border-radius:4px;font-size:.8em;font-weight:700}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;margin-right:8px;vertical-align:middle}.spinner-dark{border:2px solid rgba(0,71,121,.3);border-top-color:#004779}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:fixed;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:9999;flex-direction:column;gap:16px}.loading-overlay .spinner{width:48px;height:48px;border-width:4px}.loading-overlay .loading-text{font-size:18px;color:#004779;font-weight:500}@media (max-width: 430px){main{padding:0;border-radius:6px;max-width:100vw;width:100%;margin:0}}