*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--fg: #000000;--fg2: #6b6b6b;--border: #000000;--bg2: #f3f3f3;--outer: #e8e8e8;--r: 8px;--max: 460px;--font: "Be Vietnam Pro", system-ui, sans-serif}html,body{height:100%;font-family:var(--font);background:var(--outer);color:var(--fg);-webkit-font-smoothing:antialiased}#root{height:100%;background:var(--outer)}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}a{color:inherit}.hub-shell{max-width:var(--max);margin:0 auto;min-height:100vh;background:var(--bg);box-shadow:0 0 24px #0000001a;display:flex;flex-direction:column;align-items:center;padding:52px 20px 48px;text-align:center}.hub-logo-img{width:72px;height:72px;object-fit:contain;border-radius:12px;margin-bottom:16px}.hub-title{font-size:36px;font-weight:700;letter-spacing:.1em}.hub-sub{font-size:13px;color:var(--fg2);margin-top:4px;margin-bottom:32px}.hub-grid{width:100%;display:flex;flex-direction:column;gap:0}.hub-card{width:100%;border:2px solid var(--border);border-bottom:none;padding:20px 16px;text-align:left}.hub-card:last-child{border-bottom:2px solid var(--border)}.hub-card-img-wrap{width:100%;height:140px;overflow:hidden;border-radius:var(--r);margin-bottom:14px}.hub-card-img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}.hub-card-name{font-size:22px;font-weight:700;letter-spacing:.1em}.hub-card-tagline{font-size:12px;font-style:italic;color:var(--fg2);margin-top:2px}.hub-card-desc{font-size:13px;color:var(--fg2);margin-top:6px;margin-bottom:14px;line-height:1.5}.hub-card-selectors{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.hub-selector-row{display:flex;align-items:center;gap:12px}.hub-selector-label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fg2);min-width:48px}.hub-select{flex:1;border:2px solid var(--border);border-radius:var(--r);padding:10px 36px 10px 12px;font-size:14px;font-weight:700;font-family:var(--font);background:var(--bg);color:var(--fg);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23000' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.hub-pill-row{display:flex;gap:6px}.hub-pill{border:2px solid var(--border);border-radius:var(--r);color:var(--fg);font-size:13px;font-weight:600;font-family:var(--font);padding:7px 14px;background:var(--bg);transition:background .1s}.hub-pill:hover{background:var(--bg2)}.hub-pill.active{background:var(--fg);color:var(--bg)}.hub-start-btn{display:block;width:100%;padding:13px 20px;background:var(--fg);color:var(--bg);border-radius:var(--r);font-size:14px;font-weight:700;font-family:var(--font);text-align:center;text-decoration:none;letter-spacing:.04em}.hub-start-btn:hover{opacity:.85}.hub-footer{margin-top:36px;font-size:11px;color:var(--fg2)}.hub-footer a{color:var(--fg2);text-decoration:none}