/* Contextual Smenych scenes: live copy and original generated art on one surface. */
.scene-banner{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,1fr);align-items:center;gap:32px;margin:0 var(--gx) 32px;padding:40px 48px;min-height:320px;border-radius:16px;overflow:hidden;background:#eaf4ff}
.scene-banner-copy{position:relative;z-index:1;max-width:570px}.scene-banner h2{font-size:clamp(30px,3.6cqi,48px);line-height:1.12;letter-spacing:-.03em;text-wrap:pretty;margin:0}.scene-banner p{font-size:16px;line-height:1.65;color:#354c69;max-width:46ch;margin:20px 0 24px}.scene-banner-art{display:block;justify-self:center;width:min(100%,360px);height:300px;object-fit:contain;pointer-events:none}.scene-banner--employer{background:#e6f2ff;box-shadow:inset 0 2px 0 #fff,0 8px 24px #164a8210}.scene-banner--employer .primary{min-height:52px;gap:20px;padding:14px 24px;box-shadow:inset 0 2px 0 #8eb7ff,0 5px 12px #0968f92b;transition:transform .18s ease,box-shadow .18s ease}.scene-banner--employer .primary:hover{transform:translateY(-2px);box-shadow:inset 0 2px 0 #8eb7ff,0 8px 18px #0968f935}.scene-banner--employer .primary:active{transform:translateY(1px)}.scene-banner--conditions{background:#f1f5fe}.scene-text-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;color:#0758d4;font-size:14px;font-weight:800;text-decoration:none}.scene-text-link:hover{text-decoration:underline;text-underline-offset:4px}.scene-banner[hidden]{display:none}
.profession-filters{border:0;padding:0;margin:24px 0 0;min-width:0;grid-column:1/-1}.profession-filters legend{font-size:14px;font-weight:800}.profession-filters>p{font-size:12px;color:#53647a;margin:8px 0 12px}#profession-options,#sphere-options{display:flex;flex-wrap:wrap;gap:6px}.profession-option{border:1px solid #c9daef;border-radius:8px;padding:8px 10px;min-height:36px;font-size:12px;background:#fff;color:#354c69;text-align:left}.profession-option:hover{background:#eaf4ff}.profession-option[aria-pressed=true]{background:#0968f9;color:#fff;border-color:#0968f9}.extra-filters{margin-top:12px;padding-top:12px}.filters-panel{max-height:calc(100dvh - 48px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b9cee8 transparent}
.styled-select{position:relative;min-width:0;width:100%;grid-column:1/-1}.styled-select-trigger{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #c9daef;border-radius:10px;background:#fff;color:#354c69;font:inherit;font-size:13px;text-align:left;cursor:pointer}.styled-select-trigger:hover,.styled-select-trigger[aria-expanded=true]{border-color:#0968f9;background:#f5f9ff}.styled-select-chevron{width:8px;height:8px;flex:none;border-right:2px solid #0758d4;border-bottom:2px solid #0758d4;transform:rotate(45deg);margin:0 3px 4px 8px}.styled-select-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:10;max-height:280px;overflow-y:auto;padding:6px;border-radius:12px;background:#fff;box-shadow:0 10px 32px #102e5930;scrollbar-width:thin;scrollbar-color:#b9cee8 transparent}.styled-select-menu[hidden]{display:none}.styled-select-menu [role=option]{padding:11px 12px;min-height:44px;border-radius:8px;font-size:13px;color:#354c69;cursor:pointer}.styled-select-menu [role=option]:hover,.styled-select-menu .is-focused{background:#eaf4ff}.styled-select-menu [aria-selected=true]{color:#0758d4;font-weight:800;background:#edf4ff}
.top-period{display:flex;align-items:end;gap:12px}.top-period>div:first-of-type{width:168px}.top-period>div:last-child{width:112px}.top-period .field-label{margin:0 0 8px}.top-period .styled-select-trigger{font-size:15px;font-weight:700;min-height:48px}
.cab-auth-scene{display:flex;align-items:center;justify-content:flex-start;align-self:start;position:sticky;top:24px;min-height:0;gap:24px;padding:36px;background:#eaf4ff}.cab-auth-scene-art{width:min(100%,400px);height:auto;aspect-ratio:1;object-fit:contain;display:block}.cab-auth-scene-copy{width:100%;max-width:440px;margin:0}.cab-auth-scene-copy h2{font-size:32px;line-height:1.2;letter-spacing:-.03em;text-wrap:pretty;margin:0}.cab-auth-scene-copy p{font-size:15px;line-height:1.65;color:#354c69;margin:16px 0 0}.cab-auth-scene[data-scene=forgot]{background:#edf5ff}.cab-auth-scene[data-scene=reset]{background:#eef3fd}.cab-auth-scene[data-scene=register]{background:#eaf7ef}.cab-auth-scene[data-scene=register] p{color:#335744}
.scene-banner :focus-visible,.styled-select-trigger:focus-visible,.profession-option:focus-visible{outline:3px solid #0968f9;outline-offset:3px}
@container app (max-width:799px){.filters-panel{max-height:none;overflow:visible}.scene-banner{gap:20px;padding:28px;grid-template-columns:minmax(0,1fr) 200px;min-height:280px}.scene-banner-art{height:220px;width:220px}.scene-banner p{font-size:14px}.scene-banner h2{font-size:32px}}
@media(max-width:760px){.cab-auth-scene{display:flex;position:static;order:-1;flex-direction:row;gap:12px;min-height:0;padding:20px}.cab-auth-scene-art{width:140px;flex:none}.cab-auth-scene-copy{margin:0}.cab-auth-scene-copy h2{font-size:21px}.cab-auth-scene-copy p{font-size:12px;margin-top:8px}.top-period{width:100%}.top-period>div:first-of-type{flex:1}.top-period .styled-select-menu{max-height:220px}}
@container app (max-width:479px){.scene-banner{grid-template-columns:1fr;gap:0;padding:24px;min-height:0;margin-bottom:24px}.scene-banner-copy{max-width:none}.scene-banner h2{font-size:32px}.scene-banner p{font-size:14px;margin:16px 0}.scene-banner-art{grid-row:1;justify-self:end;width:180px;height:180px;margin:-8px -8px 8px}.scene-banner--employer .primary{width:100%;justify-content:center}.profession-option{min-height:44px;padding:10px 12px}.cab-auth-scene{flex-direction:row}}
@media(max-width:380px){.cab-auth-scene{padding:16px;gap:8px}.cab-auth-scene-art{width:112px}.cab-auth-scene-copy h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.scene-banner--employer .primary{transition:none;transform:none}}
body[data-audience=seeker] .scene-banner--employer,body[data-audience=employer] .scene-banner--conditions{display:none}

/* Channel invitation: the existing toy-button material and messenger logos. */
.scene-banner--channels{background:linear-gradient(115deg,#e5f2ff 0%,#e9edff 65%,#efe7ff 100%);grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr)}
.scene-banner--channels .scene-banner-copy{container-type:inline-size;max-width:620px}
.scene-banner--channels h2{font-size:clamp(20px,7.7cqi,48px);white-space:nowrap;text-wrap:nowrap}
.scene-banner--channels .scene-banner-art{width:min(100%,440px);height:340px}
.channel-actions{display:flex;flex-wrap:wrap;gap:14px}
.channel-action{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 18px;min-height:80px;padding:16px 20px;border-radius:14px;background:linear-gradient(145deg,#1260d3,#064ab6);color:#fff;text-decoration:none;font-size:14px;font-weight:800;line-height:1.3;box-shadow:0 4px 10px #0758d429,inset 0 1px 0 #ffffff70;transition:transform 160ms cubic-bezier(.2,.8,.2,1),box-shadow 160ms ease}
.channel-action::before{content:"";position:absolute;inset:1px 1px 50%;z-index:-1;border-radius:13px 13px 0 0;background:linear-gradient(180deg,#ffffff14,#ffffff00);pointer-events:none}
.channel-action-status{grid-column:1;font-size:12px;font-weight:600;opacity:.9}
.channel-action-icon{grid-column:2;grid-row:1/3;width:40px;height:40px;object-fit:contain}
.channel-action--max{background:linear-gradient(145deg,#6650cd,#4735a6);box-shadow:0 4px 10px #5040b829,inset 0 1px 0 #ffffff70}
.channel-action[aria-disabled=true]{background:linear-gradient(145deg,#eeeaff,#e1dcf5);color:#554877;box-shadow:0 3px 8px #5040b812,inset 0 1px 0 #ffffffb3;cursor:default}
.channel-action[aria-disabled=true] .channel-action-icon{opacity:.75}
@media(hover:hover){.channel-action:not([aria-disabled=true]):hover{transform:translateY(-2px);box-shadow:0 7px 16px #0758d433,inset 0 1px 0 #ffffff70}.channel-action--max:not([aria-disabled=true]):hover{box-shadow:0 7px 16px #5040b833,inset 0 1px 0 #ffffff70}}
.channel-action:not([aria-disabled=true]):active{transform:scale(.98)}
@container app (max-width:799px){.scene-banner--channels{grid-template-columns:minmax(0,1fr) 220px;gap:16px}.scene-banner--channels .scene-banner-art{height:260px}.channel-action{padding:14px 16px}}
@container app (max-width:599px){.scene-banner--channels{grid-template-columns:1fr}.scene-banner--channels .scene-banner-art{grid-row:1;justify-self:center;width:100%;max-width:300px;height:230px;margin:0 0 16px}.channel-actions{display:grid;grid-template-columns:1fr;width:100%}.channel-action{min-height:72px}}
@media(prefers-reduced-motion:reduce){.channel-action{transition:none}.channel-action:not([aria-disabled=true]):hover,.channel-action:not([aria-disabled=true]):active{transform:none}}
@media(forced-colors:active){.channel-action{background:ButtonFace;color:ButtonText;border:1px solid ButtonText;box-shadow:none}.channel-action::before{display:none}.channel-action[aria-disabled=true]{background:ButtonFace;color:GrayText}}

.footer-channels{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
footer .footer-channel{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border-radius:12px;background:#e8f2ff;color:#0758d4;font-size:13px;font-weight:800;text-decoration:none;transition:background-color 160ms ease}
footer .footer-channel img{display:block;flex:none;width:24px;height:24px;object-fit:contain}
footer .footer-channel--max{background:#eeeaff;color:#5040a0}
footer .footer-channel .channel-action-status{display:none}
footer .footer-channel[aria-disabled=true]{color:#554877;cursor:default}
footer .footer-channel[aria-disabled=true] .channel-action-status{display:inline;font-size:11px;font-weight:600;opacity:1}
footer .footer-channel:focus-visible{outline:3px solid #0968f9;outline-offset:3px}
@media(hover:hover){footer .footer-channel:not([aria-disabled=true]):hover{background:#d9eaff;text-decoration:none}footer .footer-channel--max:not([aria-disabled=true]):hover{background:#e1dafa}}
@media(prefers-reduced-motion:reduce){footer .footer-channel{transition:none}}
@media(forced-colors:active){footer .footer-channel{background:ButtonFace;color:LinkText;border:1px solid ButtonText}footer .footer-channel[aria-disabled=true]{color:GrayText}}
@container app (max-width:479px){footer .footer-channels{grid-column:1/-1;margin-top:8px}}