.hub-root{font-family:Rubik,sans-serif;color:#0a1628;background:radial-gradient(ellipse 60% 40% at 85% 0,rgba(91,175,214,.16),transparent 70%),linear-gradient(170deg,#f8fbfe,#eaf1f8);min-height:100vh}.hub-display{font-family:var(--font-display),"Rubik",sans-serif;font-weight:400;letter-spacing:.01em}.hub-navy{position:relative;color:#fff;background:radial-gradient(ellipse 60% 70% at 85% 0,rgba(91,175,214,.42),transparent 70%),radial-gradient(ellipse 55% 45% at 0 100%,rgba(52,118,165,.3),transparent 70%),linear-gradient(150deg,#0a1628,#13243c 45%,#1e3d5e)}.hub-navy:after{content:"";position:absolute;inset:0;background-image:radial-gradient(hsla(0,0%,100%,.07) 1px,transparent 0);background-size:16px 16px;pointer-events:none}.hub-navy>*{position:relative;z-index:1}.hub-card{background:#fff;border:1px solid rgba(52,118,165,.16);border-radius:16px;box-shadow:0 4px 18px rgba(30,61,94,.06)}.hub-card-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;border-bottom:1px solid #edf2f7}.hub-card-h.flat{border-bottom:0}.hub-card-title{font-size:14.5px;font-weight:700;color:#0a1628}.hub-card-sub,.hub-card-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-card-sub{font-size:12px;color:#334155}.hub-tile{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex:none;color:#fff;background:linear-gradient(135deg,#1e3d5e,#3476a5);box-shadow:0 4px 10px rgba(10,22,40,.14)}.hub-tile.sm{width:28px;height:28px;border-radius:8px}.hub-tile.lg{width:42px;height:42px;border-radius:12px}.hub-link{font-size:12.5px;font-weight:600;color:#3476a5;white-space:nowrap;padding:4px 6px;border-radius:7px}.hub-link:hover{background:#f3f8fc;color:#1e3d5e}.hub-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:12px;padding:11px 16px;font-weight:700;font-size:14px;color:#fff;background:linear-gradient(135deg,#1e3d5e,#3476a5);box-shadow:0 8px 18px rgba(30,61,94,.22);transition:filter .2s,transform .1s}.hub-btn:hover{filter:brightness(1.08)}.hub-btn:active{transform:scale(.98)}.hub-btn:disabled{opacity:.5;cursor:default;filter:none}.hub-btn.white{background:#fff;color:#0a1628;box-shadow:0 8px 18px rgba(0,0,0,.22)}.hub-btn.soft{background:#e8f1f8;color:#1e3d5e;box-shadow:none}.hub-act{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex:none;color:#fff;background:linear-gradient(135deg,#1e3d5e,#3476a5);box-shadow:0 4px 12px rgba(0,0,0,.22),inset 0 1px 0 hsla(0,0%,100%,.22);transition:filter .2s,background .2s}.hub-act:hover{filter:brightness(1.12)}.hub-act.ghost{background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.28);box-shadow:none}.hub-act.ghost:hover{background:rgba(225,29,72,.85);filter:none}.hub-wa-fab{position:fixed;left:16px;z-index:205;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#15803d,#25d366);box-shadow:0 10px 24px rgba(21,128,61,.4),inset 0 1px 0 hsla(0,0%,100%,.3)}.hub-wa-fab:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(37,211,102,.45);animation:hubWaPulse 2.4s ease-out infinite}@media (min-width:768px){.hub-wa-fab{width:68px;height:68px;left:28px}}@keyframes hubWaPulse{0%{transform:scale(.9);opacity:1}to{transform:scale(1.35);opacity:0}}@media (prefers-reduced-motion:reduce){.hub-wa-fab:before{animation:none}}.hub-pill{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;border-radius:999px;padding:2px 9px;white-space:nowrap}.hub-pill.blue{background:#e8f1f8;color:#1e3d5e}.hub-pill.green{background:#d1fae5;color:#047857}.hub-pill.amber{background:#fef3c7;color:#92400e}.hub-pill.red{background:#fde8e8;color:#b42318}.hub-pill.gray{background:#eef2f6;color:#334155}.hub-steps{display:flex;gap:4px}.hub-steps span{flex:1;height:6px;border-radius:999px;background:hsla(0,0%,100%,.2)}.hub-steps span.done{background:#a8d8ef}.hub-steps span.now{background:#fff}.hub-next{display:flex;align-items:center;gap:10px;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.2);border-radius:14px;padding:10px 12px}.hub-input{width:100%;border:1.5px solid #dbe5ee;border-radius:12px;padding:11px 12px;font-size:16px;background:#fff;color:#0a1628;outline:none;transition:border-color .15s,box-shadow .15s}.hub-input:focus{border-color:#3476a5;box-shadow:0 0 0 3px rgba(52,118,165,.15)}@media (min-width:768px){.hub-input{font-size:14px}}.hub-error{font-size:12.5px;color:#b42318;background:#fde8e8;border-radius:10px;padding:7px 10px}.hub-code{position:relative;display:grid;grid-template-columns:repeat(4,1fr) 12px repeat(4,1fr);gap:5px;direction:ltr}.hub-code span.box{height:44px;border-radius:10px;border:1.5px solid #dbe5ee;display:grid;place-items:center;font-weight:700;font-size:18px;font-family:ui-monospace,Menlo,monospace;background:#fff;color:#0a1628}.hub-code span.box.filled{border-color:#3476a5;background:#f3f8fc}.hub-code span.box.cursor{border-color:#3476a5;box-shadow:0 0 0 3px rgba(52,118,165,.18)}.hub-code em{display:grid;place-items:center;font-style:normal;color:#334155;font-weight:700}.hub-code input{position:absolute;inset:0;width:100%;height:100%;opacity:0;font-size:16px;cursor:text}.hub-seg{position:relative;display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:linear-gradient(180deg,hsla(0,0%,100%,.16),hsla(0,0%,100%,.07));border:1px solid hsla(0,0%,100%,.18);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.28),inset 0 -1px 0 rgba(0,0,0,.15),0 4px 12px rgba(0,0,0,.16);backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%)}.hub-seg-thumb{position:absolute;top:4px;bottom:4px;left:0;border-radius:999px;pointer-events:none;transition:transform .42s cubic-bezier(.32,.72,0,1),width .42s cubic-bezier(.32,.72,0,1)}.hub-seg-thumb.instant{transition:none}.hub-seg-thumb>span{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(180deg,#fff,rgba(232,241,248,.92));box-shadow:inset 0 1px 0 #fff,0 6px 18px rgba(0,0,0,.28),0 0 0 1px hsla(0,0%,100%,.5)}.hub-seg-thumb>span.squish{animation:hubSegSquish .42s cubic-bezier(.32,.72,0,1)}@keyframes hubSegSquish{0%{transform:scale(1)}40%{transform:scaleX(1.06) scaleY(.86)}to{transform:scale(1)}}.hub-seg-btn{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:7px 14px;border:0;border-radius:999px;background:none;cursor:pointer;font:600 13.5px Rubik,sans-serif;white-space:nowrap;color:hsla(0,0%,100%,.82);transition:color .2s,transform .12s ease-out}.hub-seg-btn:hover{color:#fff}.hub-seg-btn:active{transform:scale(.97)}.hub-seg-btn.active{color:#0a1628;font-weight:700}.hub-seg-ic{display:inline-flex;width:0;overflow:hidden;opacity:0;color:#3476a5;transition:width .38s cubic-bezier(.32,.72,0,1),opacity .2s}.hub-seg-btn.active .hub-seg-ic{width:16px;opacity:1}.hub-seg-cnt{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;line-height:1}.hub-seg-btn.active .hub-seg-cnt{background:#3476a5}.hub-tools{display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:linear-gradient(180deg,hsla(0,0%,100%,.16),hsla(0,0%,100%,.07));border:1px solid hsla(0,0%,100%,.18);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.28),0 8px 22px rgba(0,0,0,.16);backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%)}.hub-tools-sep{width:1px;height:20px;background:hsla(0,0%,100%,.22);margin:0 3px;flex:none}.hub-tool{width:36px;height:36px;border:0;border-radius:999px;display:grid;place-items:center;flex:none;cursor:pointer;background:transparent;color:hsla(0,0%,100%,.9);transition:background .16s,color .16s,transform .12s ease-out}.hub-tool:hover{background:hsla(0,0%,100%,.14);color:#fff}.hub-tool:active{transform:scale(.94)}.hub-tool.on{background:rgba(168,216,239,.22);box-shadow:0 0 0 1.5px rgba(168,216,239,.7)}.hub-tool.logout:hover{background:rgba(225,29,72,.8)}.hub-tool svg{overflow:visible}.hub-tool.anim-play svg{animation:hubToolPlay .5s cubic-bezier(.32,.72,0,1)}@keyframes hubToolPlay{0%{transform:scale(1)}35%{transform:scale(.78)}70%{transform:scale(1.14)}to{transform:scale(1)}}.hub-tool.anim-refresh svg,.hub-tool.spinning svg{animation:hubToolSpin .7s cubic-bezier(.32,.72,0,1)}.hub-tool.spinning svg{animation-iteration-count:infinite;animation-timing-function:linear}@keyframes hubToolSpin{to{transform:rotate(1turn)}}.hub-tool.anim-a11y svg{animation:hubToolWave .6s ease-in-out;transform-origin:50% 50%}@keyframes hubToolWave{0%{transform:rotate(0)}25%{transform:rotate(-14deg)}55%{transform:rotate(10deg)}80%{transform:rotate(-4deg)}to{transform:rotate(0)}}.hub-tool.anim-logout svg>:not(:first-child){animation:hubToolOut .45s cubic-bezier(.32,.72,0,1)}@keyframes hubToolOut{0%{transform:translateX(0)}50%{transform:translateX(4px);opacity:.4}to{transform:translateX(0);opacity:1}}@media (prefers-reduced-motion:reduce){.hub-seg-btn,.hub-seg-ic,.hub-seg-thumb,.hub-tool{transition:none}.hub-seg-thumb>span.squish,.hub-tool[class*=anim-] svg,.hub-tool[class*=anim-] svg>*{animation:none!important}}