:root{--font: "Roboto", sans-serif;--shadow: 0 2px 4px -1px #00000033, 0 4px 5px 0 #00000024, 0 1px 10px 0 #0000001F;--black: #000000;--almost-black: #1B1B1B;--darkest-grey-shadow: #292929;--darkest-grey: #333333;--dark-grey: #4D4D4D;--middle-grey: #545454;--light-grey: #666666;--lightest-grey: #A7A7A7;--almost-white: #CECECE;--svg-white: #FAFAFA;--white: #FFFFFF;--red: #F42E3E;--saturated-red: #FF4252;--syngate-blue: #2B3B6C;--surface: #242424;--surface-soft: #2d2d2d;--line: #3c3c3c}.desaturated{filter:brightness(.6)}*{box-sizing:border-box}html{min-height:100%;background:var(--darkest-grey)}body{min-height:100vh;margin:0;color:var(--svg-white);font-family:var(--font);background:var(--darkest-grey)}button,a{font:inherit}#root,#app{min-height:100vh}#app{display:grid;grid-template-rows:auto 1fr auto}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.85rem max(1rem,calc((100% - 1120px)/2));border-bottom:1px solid #ffffff0d;background:#333333f2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;min-width:0}.brand-logo{display:block;width:min(18rem,52vw);height:auto}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;min-width:0}.header-nav{display:flex;align-items:center;gap:.45rem}.header-link,.signout-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:.55rem .7rem;border-radius:.45rem;color:var(--almost-white);background:#ffffff08;border:1px solid #ffffff12;cursor:pointer;font-size:.82rem;font-weight:800;text-decoration:none;transition:border-color .18s ease,background .18s ease,color .18s ease}.header-link:hover,.signout-button:hover{border-color:#ff425252;color:var(--white);background:#ffffff10}.signout-button{color:var(--white);background:var(--red);border-color:transparent}.language-switch{display:inline-flex;align-items:center;padding:.18rem;border:1px solid #ffffff12;border-radius:999px;background:#ffffff0a}.language-button{min-width:2.45rem;min-height:2rem;border:0;border-radius:999px;color:var(--lightest-grey);background:transparent;cursor:pointer;font-size:.78rem;font-weight:900}.language-button:hover,.language-button.is-active{color:var(--white);background:var(--red)}.session-pill{display:inline-flex;align-items:center;gap:.5rem;max-width:42vw;padding:.55rem .8rem;border:1px solid #ffffff12;border-radius:999px;color:var(--almost-white);background:#ffffff0a;box-shadow:inset 0 1px #ffffff0d;font-size:.85rem;font-weight:500}.session-pill:before{content:"";width:.5rem;height:.5rem;flex:0 0 auto;border-radius:50%;background:var(--saturated-red);box-shadow:0 0 0 .25rem #f42e3e24}.session-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:clamp(1.4rem,3vw,2.5rem) 0 4.5rem}.hero{display:grid;min-height:clamp(10rem,24vh,15rem);align-items:start;justify-items:center;text-align:center}.hero-copy{display:grid;justify-items:center;gap:.9rem;max-width:46rem}.eyebrow{display:inline-flex;align-items:center;width:fit-content;padding:.45rem .7rem;border:1px solid #ff425238;border-radius:999px;color:var(--almost-white);background:#f42e3e12;font-size:.8rem;font-weight:700;letter-spacing:0}h1{margin:0;color:var(--white);font-size:clamp(2.2rem,5vw,4.2rem);line-height:.96;letter-spacing:0}.lead{max-width:38rem;margin:0;color:var(--almost-white);font-size:clamp(1rem,2vw,1.2rem);line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.primary-link,.secondary-link{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.85rem 1rem;border-radius:.45rem;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.primary-link{color:var(--white);background:var(--red);box-shadow:0 .8rem 1.6rem #f42e3e24;font-weight:800}.secondary-link{border:1px solid #ffffff16;color:var(--almost-white);background:#ffffff08;font-weight:700}.primary-link:hover,.secondary-link:hover{transform:translateY(-2px)}.secondary-link:hover{border-color:#ffffff32;background:#ffffff0f}.portal{margin-top:clamp(1.75rem,5vw,3.5rem)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}h2{margin:0;color:var(--white);font-size:clamp(1.55rem,3vw,2.25rem);letter-spacing:0}.section-note{margin:0;color:var(--lightest-grey);font-size:.95rem}.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;margin:0;padding:0;list-style:none}.resource-card{min-height:10rem}.resource-card a{display:grid;align-content:space-between;gap:.9rem;height:100%;padding:1.1rem;border:1px solid #ffffff12;border-radius:.5rem;color:var(--white);background:linear-gradient(180deg,var(--surface-soft),var(--surface));box-shadow:var(--shadow);text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.resource-card a:hover{transform:translateY(-3px);border-color:#ff425252;background:linear-gradient(180deg,#343434,#252525)}.resource-topline{display:flex;align-items:center;justify-content:space-between;gap:1rem}.resource-icon{width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:.45rem;color:var(--white);background:var(--syngate-blue);font-weight:900}.resource-arrow{color:var(--lightest-grey);font-size:1.35rem;line-height:1}.resource-name{display:block;overflow-wrap:anywhere;color:var(--white);font-size:1.12rem;font-weight:800;line-height:1.35}.resource-domain{display:block;overflow-wrap:anywhere;color:var(--lightest-grey);font-size:.86rem;line-height:1.45}.permission-group{display:flex;flex-wrap:wrap;gap:.45rem}.permission-chip{display:inline-flex;align-items:center;min-height:1.75rem;padding:.35rem .55rem;border:1px solid #ffffff14;border-radius:999px;color:var(--almost-white);background:#ffffff0a;font-size:.75rem;font-weight:800}.state-card{display:grid;place-items:center;min-height:10rem;padding:1.5rem;border:1px solid #ffffff12;border-radius:.5rem;color:var(--almost-white);background:#ffffff08;text-align:center}.loader{display:inline-flex;align-items:center;width:fit-content;gap:1rem;min-height:3rem;padding:.7rem .9rem;border:1px solid #ffffff12;border-radius:.45rem;background:#ffffff08;color:var(--almost-white);font-weight:700}.spinner{width:1.25rem;height:1.25rem;border:.16rem solid #ffffff16;border-top-color:var(--saturated-red);border-radius:50%;animation:spin .9s linear infinite}.footer{position:sticky;bottom:0;z-index:15;width:100%;margin:0;padding:.85rem max(1rem,calc((100% - 1120px)/2));border-top:1px solid #ffffff0d;background:#333333f2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--lightest-grey);font-size:.85rem}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:820px){.topbar{align-items:flex-start;flex-wrap:wrap}.topbar-actions{align-items:flex-end;flex-direction:column}.hero{min-height:clamp(9rem,22vh,13rem)}.section-head{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.topbar{gap:.8rem}.brand-logo{width:min(13rem,50vw)}.topbar-actions,.header-nav{width:100%}.header-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.header-link,.signout-button{min-width:0;padding-inline:.45rem;font-size:.76rem}.session-pill{max-width:10rem;padding-inline:.65rem}h1{font-size:clamp(2.1rem,13vw,3.4rem)}.hero-actions a{width:100%}}