html,body{margin:0;background:#F5F1E8;color:#17150F;font-family:Archivo,system-ui,sans-serif}
*{box-sizing:border-box}
#hub-tabs{display:flex;align-items:center;gap:4px;overflow-x:auto;background:#17150F;padding:0 12px}
#hub-tabs:empty{display:none}
.hub-tab{flex:0 0 auto;display:flex;align-items:center;gap:6px;min-height:48px;padding:0 12px;border:0;border-bottom:3px solid transparent;background:transparent;color:#E7DFCD;font:500 14px Archivo,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.hub-tab[aria-current="page"]{color:#FBF9F3;font-weight:800;border-bottom-color:#C9A468}
.hub-tab:focus-visible,.hub-btn:focus-visible,.hub-out:focus-visible{outline:3px solid #C9A468;outline-offset:-3px}
.hub-tab svg{flex:none}
.hub-out{margin-left:auto;flex:0 0 auto;min-height:48px;padding:0 12px;border:0;background:transparent;color:#E7DFCD;font:500 13px Archivo,system-ui,sans-serif;cursor:pointer}
.hub-panel[hidden]{display:none}
.hub-wrap{max-width:720px;margin:0 auto;padding:48px 16px;display:flex;flex-direction:column;gap:16px}
.hub-wrap h1{margin:0;font-size:clamp(30px,6vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.08}
.hub-wrap p{margin:0;line-height:1.6}
.hub-note{padding:48px 16px;text-align:center;color:#3A362E}
.hub-btn{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:48px;padding:0 22px;border-radius:8px;border:1.5px solid #B4894A;background:#B4894A;color:#17150F;font:700 15px Archivo,system-ui,sans-serif;text-decoration:none;cursor:pointer}
.hub-video{display:flex;flex-direction:column;gap:8px}
.hub-video h2{margin:0;font-size:18px;font-weight:800}
.hub-frame{position:relative;padding-top:56.25%;border-radius:10px;overflow:hidden;background:#17150F}
.hub-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.hub-card{width:100%;max-width:420px;background:#FBF9F3;border:1px solid #E7DFCD;border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:14px}
.hub-card h1{margin:0;font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.hub-card p{margin:0;line-height:1.5}
.hub-card label{font-weight:700}
.hub-card input,.hub-card select{width:100%;min-height:48px;padding:10px 14px;border-radius:8px;border:1.5px solid #E7DFCD;background:#FBF9F3;color:#17150F;font-size:16px}
.hub-center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}
.hub-table{width:100%;border-collapse:collapse;background:#FBF9F3;border:1px solid #E7DFCD}
.hub-table td,.hub-table th{padding:10px 12px;text-align:left;border-top:1px solid #E7DFCD}
.hub-table td:last-child,.hub-table th:last-child{text-align:right}