:root{font-family:Space Grotesk,system-ui,sans-serif;color:#0b0b0b;background:#f8f8f8}*{box-sizing:border-box}body{margin:0}.page{max-width:1200px;margin:0 auto;padding:48px 24px 80px}.header h1{margin:0 0 8px;font-size:2.5rem}.nav{display:flex;gap:16px;margin:24px 0 32px;flex-wrap:wrap}.nav a{color:#0078ff;text-decoration:none;padding:8px 12px;border:1px solid #0078ff;border-radius:999px;transition:color .2s ease,background .2s ease,border-color .2s ease}.nav a:hover,.nav a:focus-visible{color:#fff;background:#0078ff;border-color:#0078ff}.nav a.active{color:#fff;background:linear-gradient(135deg,#0078ff,#00c0c7);border-color:transparent;box-shadow:0 8px 20px #0078ff33}.card{padding:24px;border:1px solid #e3e7ef;border-radius:16px;background:#fff;box-shadow:0 10px 30px #0078ff14}.iframe-card{padding:0;overflow:hidden}.iframe{width:100%;min-height:70vh;border:0;display:block}.button{display:inline-flex;align-items:center;padding:10px 16px;border-radius:999px;border:1px solid #0078ff;background:#0078ff;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.button:hover,.button:focus-visible{transform:translateY(-1px);box-shadow:0 10px 24px #0078ff2e}.button.secondary{border-color:#00c0c7;background:#00c0c7}.button.secondary:hover,.button.secondary:focus-visible{box-shadow:0 10px 24px #00c0c72e}.status{margin-top:16px;font-size:.95rem}.status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}.button-row{display:inline-flex;gap:10px;flex-wrap:wrap}.divider{border:0;height:1px;background:linear-gradient(90deg,transparent,#0078ff,#00c0c7,transparent);opacity:.6;margin:20px 0}