.pinegar-signin,.pinegar-signin *,.pinegar-signin :before,.pinegar-signin :after{box-sizing:border-box}.pinegar-signin{min-height:100vh;color:#1a1a2e;isolation:isolate;background:linear-gradient(135deg,#f0f4f8 0%,#dfeaf2 100%);justify-content:center;align-items:center;width:100%;min-height:100svh;margin:0;padding:28px 0;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-size:16px;line-height:1.5;display:flex}.pinegar-signin .auth-pair{justify-content:center;align-items:center;gap:32px;width:100%;max-width:1100px;padding:0 32px;display:flex}.pinegar-signin .auth-globe-col{flex:1;justify-content:center;align-items:center;min-width:0;display:flex;transform:translateY(-40px)}.pinegar-signin .auth-login-col{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:18px;width:380px;display:flex}.pinegar-signin .auth-card{-webkit-backdrop-filter:blur(18px)saturate(1.4);text-align:center;background:#ffffffb8;border:1px solid #ffffff8c;border-radius:16px;flex-direction:column;align-items:center;width:100%;margin:0;padding:36px 32px 28px;display:flex;box-shadow:0 8px 32px #00000014,0 1px 4px #0000000a}.pinegar-signin .auth-logo{object-fit:contain;width:190px;max-width:100%;height:auto;margin:0 0 20px;display:block}.pinegar-signin h1{color:#1a1a2e;letter-spacing:-.5px;text-transform:none;margin:0 0 6px;padding:0;font-family:inherit;font-size:25px;font-weight:600;line-height:1.3}.pinegar-signin .auth-description{color:#6b7a8d;text-align:center;max-width:100%;margin:0 0 28px;font-size:14px;line-height:1.65}.pinegar-signin .auth-signin-button{color:#fff;cursor:pointer;width:100%;min-height:46px;box-shadow:none;white-space:normal;background:#0078d4;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin:0 0 24px;padding:12px 18px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.5;text-decoration:none;transition:background .2s,box-shadow .2s;display:inline-flex}.pinegar-signin .auth-signin-button:hover:not(:disabled){background:#005a9e;box-shadow:0 4px 14px #0078d452}.pinegar-signin .auth-signin-button:disabled{opacity:.65;cursor:wait}.pinegar-signin button:focus-visible,.pinegar-signin a:focus-visible{outline-offset:4px;outline:3px solid #0078d4}.pinegar-signin .auth-microsoft{flex-shrink:0;grid-template-rows:repeat(2,7px);grid-template-columns:repeat(2,7px);gap:2px;display:grid}.pinegar-signin .auth-microsoft i{background:#fff;display:block}.pinegar-signin .auth-secondary{color:#277bb9;box-shadow:none;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;border-radius:0;margin:-8px 0 20px;padding:0;font-family:inherit;font-size:12px;line-height:1.7;text-decoration:underline;display:inline-block}.pinegar-signin .auth-error{color:#92463f;overflow-wrap:anywhere;text-align:left;background:#fff2ee;border:1px solid #f0d8d2;border-radius:7px;width:100%;margin:0 0 18px;padding:11px 13px;font-size:12px;line-height:1.65}.pinegar-signin .auth-ip-row{color:#9aa3af;text-align:left;border-top:1px solid #e8edf2;justify-content:space-between;align-items:center;gap:12px;width:100%;margin:0;padding-top:14px;font-size:13px;font-weight:500;display:flex}.pinegar-signin .auth-ip-value{color:#0078d4;overflow-wrap:anywhere;text-align:right;font-weight:500}.pinegar-signin .auth-service-status{flex-shrink:0;width:250px;height:30px;line-height:0;overflow:hidden}.pinegar-signin .auth-service-status iframe{color-scheme:normal;border:0;width:250px;height:30px;margin:0;padding:0;display:block}.pinegar-signin .auth-stage{aspect-ratio:1;cursor:grab;will-change:transform;touch-action:none;background:radial-gradient(circle,#ffffffeb 0%,#ffffffe6 54%,#fff0 74%);width:min(460px,82%);animation:6.4s ease-in-out infinite pinegar-auth-bob;position:relative}.pinegar-signin .auth-stage:active{cursor:grabbing}.pinegar-signin .auth-stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.pinegar-signin .auth-fallback-logo{object-fit:contain;opacity:.12;width:50%;height:50%;display:none;position:absolute;inset:25%}.pinegar-signin .auth-globe-fallback .auth-fallback-logo{display:block}.pinegar-signin .auth-globe-fallback canvas{display:none}.pinegar-signin .auth-globe-shadow{filter:blur(2px);pointer-events:none;background:radial-gradient(#0b0d1033,#0b0d1000 70%);width:62%;height:6%;animation:6.4s ease-in-out infinite pinegar-auth-shadow;position:absolute;bottom:-4%;left:50%;transform:translate(-50%)}@keyframes pinegar-auth-bob{0%,to{transform:translateY(-8px)}50%{transform:translateY(10px)}}@keyframes pinegar-auth-shadow{0%,to{opacity:.5;transform:translate(-50%)scale(.92)}50%{opacity:.8;transform:translate(-50%)scale(1.1)}}@media (max-width:860px){.pinegar-signin .auth-globe-col{display:none}.pinegar-signin .auth-pair{padding:24px}.pinegar-signin .auth-login-col{width:100%;max-width:400px}}@media (max-width:380px){.pinegar-signin .auth-pair{padding:16px}.pinegar-signin .auth-card{padding:30px 24px 23px}.pinegar-signin h1{font-size:23px}.pinegar-signin .auth-description{font-size:13px}.pinegar-signin .auth-signin-button{font-size:14px}.pinegar-signin .auth-ip-row{font-size:11px}}@media (prefers-reduced-motion:reduce){.pinegar-signin *{transition:none!important;animation:none!important}}pinegar-portal-header{z-index:50;color:#fff;background:#0b2a63;flex-shrink:0;min-height:64px;display:block;position:sticky;top:0}.portal-shell-brand{color:#fff;white-space:nowrap;font:600 16px/1.4 Segoe UI,Arial,sans-serif;text-decoration:none}.portal-shell-actions{color:#fff;align-items:center;gap:10px;display:flex}.portal-shell-actions .account-trigger,.portal-shell-actions .account-button{color:#fff;min-height:40px;box-shadow:none;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;gap:6px;padding:3px;display:flex}.portal-shell-actions .account-trigger:hover,.portal-shell-actions .account-button:hover{background:#ffffff18}.portal-shell-actions .avatar,.portal-shell-actions .account-avatar{color:#1746bf;background:#e5ecff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;display:grid;overflow:hidden}.portal-shell-actions .account-trigger>svg,.portal-shell-actions .account-caret,.portal-shell-actions .topbar-name{display:none}.portal-shell-actions .banner-refresh{color:#e1ebfb;background:0 0;border:0;justify-content:center;align-items:center;width:36px;height:40px;padding:8px;display:flex}.portal-shell-actions .banner-refresh span+span{display:none}.portal-shell-actions .account-dropdown{z-index:60}.portal-shell-actions>button{color:inherit}@media (max-width:560px){.portal-shell-actions .banner-refresh,.portal-shell-actions>.topbar-icon{display:none}.portal-shell-actions{gap:6px}.portal-shell-actions>button:not(.account-button):not(.notification-bell){display:none}}pinegar-portal-header:not(:defined){align-items:center;gap:14px;height:64px;padding-right:14px;display:flex;overflow:hidden}pinegar-portal-header:not(:defined)>[slot=launcher]{flex:0 0 48px;width:48px;height:64px}pinegar-portal-header:not(:defined)>[slot=actions]{margin-left:auto}.portal-workspaces[hidden],.portal-workspace-pane[hidden]{display:none!important}.portal-workspaces{z-index:10;background:#f5f7fb;position:fixed;inset:64px 0 0}.portal-workspace-pane{position:absolute;inset:0}.portal-workspace-pane iframe{background:#f5f7fb;border:0;width:100%;height:100%;display:block}.portal-workspace-loading{color:#536279;background:#f5f7fb;flex-direction:column;justify-content:center;align-items:center;gap:18px;font:14px/1.5 Segoe UI,Arial,sans-serif;display:flex;position:absolute;inset:0}.portal-workspace-loading>div{align-items:center;gap:20px;display:flex}.portal-workspace-loading button,.portal-workspace-loading a{font:inherit;color:#1746bf}.portal-workspace-loading button{cursor:pointer;background:#fff;border:1px solid #dce3ee;border-radius:6px;padding:8px 14px}html.portal-workspace-open{overflow:hidden}html.portal-workspace-open .preview-banner{display:none}.portal-home[hidden]{display:none!important}.portal-action-attention{background:#f4b54b;border:1px solid #0b2a63;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:5px}:root{color:var(--ink);background:var(--canvas);font-synthesis:none;-webkit-font-smoothing:antialiased;--ink:#242424;--muted:#616161;--subtle:#8a8886;--line:#e1dfdd;--canvas:#f3f2f1;--suite:#0b2a63;--suite-hover:#163a7d;--accent:#0f6cbd;--success:#107c10;--card-shadow:0 1.6px 3.6px #00000021,0 .3px .9px #0000001c;--card-shadow-hover:0 6.4px 14.4px #00000021,0 1.2px 3.6px #0000001c;font-family:Segoe UI,"Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:64px}body{background:var(--canvas);margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-decoration:none}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}svg{flex-shrink:0}img{max-width:100%;display:block}.page-width{width:min(1240px,100% - 64px);margin-inline:auto}.skip-link{z-index:50;box-shadow:var(--card-shadow);background:#fff;border-radius:4px;padding:10px 14px;position:fixed;top:-60px;left:16px}.skip-link:focus{top:8px}.muted{color:var(--subtle)}.preview-banner{color:#3b4f63;text-align:center;background:#eef4fb;justify-content:center;align-items:center;gap:8px;min-height:32px;padding:6px 16px;font-size:12px;display:flex;position:relative}.preview-banner a{color:var(--accent);align-items:center;gap:3px;font-weight:600;display:inline-flex}.preview-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.version-label{letter-spacing:.8px;text-transform:uppercase;color:var(--subtle);font-size:11px;position:absolute;right:20px}.topbar{z-index:30;background:var(--suite);color:#fff;align-items:center;gap:6px;height:48px;padding:0 8px 0 0;display:flex;position:sticky;top:0}.topbar-launcher{color:#fff;place-items:center;min-width:48px;height:48px;display:grid}.topbar-brand{align-items:center;height:100%;padding:0 14px 0 4px;display:flex}.topbar-brand img{width:auto;height:30px}.portal-nav{flex:1;min-width:0;height:100%}.portal-nav>ul{justify-content:center;align-items:stretch;height:100%;margin:0;padding:0;list-style:none;display:flex}.portal-nav li{display:flex}.portal-nav>ul>li>a,.portal-nav>ul>li>button{white-space:nowrap;color:#fff;background:0 0;border:0;align-items:center;gap:5px;padding:0 13px;font-size:14px;display:flex;position:relative}.portal-nav>ul>li>a:hover,.portal-nav>ul>li>button:hover,.portal-nav>ul>li>button[aria-expanded=true]{background:var(--suite-hover)}.portal-nav a[aria-current=page]{font-weight:600}.portal-nav a[aria-current=page]:after{content:"";background:#fff;border-radius:1px;height:2px;position:absolute;bottom:7px;left:13px;right:13px}.portal-nav li.has-menu{position:relative}.portal-flyout{z-index:2;-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);min-width:230px;color:var(--ink);visibility:hidden;opacity:0;background:#f8f9fcb8;border:1px solid #ffffff80;border-top:0;border-radius:0 0 14px 14px;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.6,1),opacity .2s,visibility 0s .3s;display:grid;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 14px 28px -12px #0000004d}.portal-flyout.open{visibility:visible;opacity:1;grid-template-rows:1fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.6,1),opacity .2s}.portal-flyout-inner{min-height:0;overflow:hidden}.portal-flyout p{color:var(--muted);margin:16px 20px 6px;font-size:12px}.portal-flyout ul{gap:2px;margin:0;padding:0 8px 12px;list-style:none;display:grid}.portal-flyout li a{white-space:nowrap;color:#1d1d1f;opacity:0;border-radius:8px;padding:8px 12px;font-size:16px;font-weight:600;transition:opacity .2s,transform .2s,background .15s;display:block;transform:translateY(-4px)}.portal-flyout.open li a{opacity:1;transition:opacity .25s 80ms,transform .25s 80ms,background .15s;transform:none}.portal-flyout.open li:nth-child(2) a{transition-delay:.12s}.portal-flyout.open li:nth-child(3) a{transition-delay:.16s}.portal-flyout.open li:nth-child(4) a{transition-delay:.2s}.portal-flyout li a:hover{color:var(--accent);background:#ffffffa6}.topbar-actions{align-items:center;gap:2px;margin-left:auto;display:flex}.topbar-icon{color:#fff;background:0 0;border:0;place-items:center;width:44px;height:48px;display:grid;position:relative}.topbar-icon:hover,.topbar-account:hover{background:var(--suite-hover)}.topbar-dot{width:7px;height:7px;box-shadow:0 0 0 2px var(--suite);background:#4cc2ff;border-radius:50%;position:absolute;top:13px;right:12px}.topbar-account{color:#fff;background:0 0;border:0;align-items:center;gap:10px;height:48px;padding:0 8px 0 12px;font-size:14px;display:flex}.topbar-avatar{width:32px;height:32px;color:var(--suite);background:#fff;border-radius:50%;place-items:center;font-size:14px;font-weight:600;display:grid}.topbar-menu{display:none}.canvas{box-shadow:var(--card-shadow);background:#fff;border-radius:8px 8px 0 0;margin:12px 12px 0;overflow:hidden}.site-header{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:26px 0 22px;display:flex}.site-header>img{object-fit:contain;width:58px;height:48px}.site-header h1{margin:0;font-size:24px;font-weight:600}.site-header p{color:var(--muted);margin:2px 0 0;font-size:13px}.today{color:var(--muted);align-items:center;gap:7px;font-size:13px;display:flex;margin-left:auto!important}.hero{text-align:center;padding:36px 0 44px}.hero-grid{text-align:left;grid-template-columns:minmax(240px,1fr) minmax(0,470px) minmax(260px,1fr);align-items:center;gap:28px;display:grid}.hero-left,.hero-right{z-index:1;flex-direction:column;gap:30px;display:flex;position:relative}.hero-left{align-items:flex-end}.hero-right{align-items:flex-start}.hero-center{min-width:0}.callout{text-align:left;background:0 0;border:0;border-bottom:1px solid #bdbdbd;align-items:center;gap:12px;width:min(100%,340px);padding:0 4px 12px;font-size:15px;display:flex}.status-callout{flex-wrap:wrap;justify-content:space-between}.status-callout iframe{color-scheme:normal;border:0;width:250px;height:30px}.status-callout a{color:var(--accent);align-items:center;gap:3px;font-size:12px;display:flex}.update-callout svg{color:var(--muted)}.update-callout:hover{border-color:var(--ink)}.sp-card{box-shadow:var(--card-shadow);background:#fff;border:1px solid #edebe9;border-radius:8px;padding:20px 22px}.sp-card-label{align-items:center;gap:10px;font-size:14px;display:flex}.sp-card-label img{object-fit:contain;width:26px;height:22px}.wifi-card{width:min(100%,240px)}.wifi-card .sp-card-label svg{color:var(--accent)}.wifi-card h2{margin:14px 0 6px;font-size:18px;font-weight:600}.wifi-card p{color:#424242;margin:0 0 16px;font-size:14px;line-height:1.45}.profile-card{width:min(100%,320px)}.profile-metrics{text-align:center;grid-template-columns:repeat(3,1fr);margin:18px 0;display:grid}.profile-metrics span{color:var(--muted);font-size:12px;display:block}.profile-metrics strong{margin-top:6px;font-size:16px;display:block}.profile-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.welcome{color:#333;margin:30px 0 0;font-size:32px;font-style:italic;font-weight:600}.button{white-space:nowrap;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:32px;padding:6px 16px;font-size:14px;font-weight:600;transition:background .12s;display:inline-flex}.button.dark,.button.primary{color:#fff;background:#000}.button.dark:hover,.button.primary:hover{background:#333}.button.subtle{background:#fff;border-color:#d1d1d1}.button.subtle:hover{background:#f5f5f5}.button.light{color:var(--ink);background:#fff}.button.full{width:100%}.text-link{color:var(--accent);background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:14px;font-weight:600;display:inline-flex}.text-link:hover{text-decoration:underline}.icon-button{background:0 0;border:0;border-radius:4px;place-items:center;width:32px;height:32px;display:grid}.icon-button:hover{background:#f3f2f1}.small-label{color:var(--muted);font-size:12px;font-weight:600}.microsoft-mark{grid-template-columns:7px 7px;gap:1px;display:grid}.microsoft-mark i{background:#f25022;width:7px;height:7px}.microsoft-mark i:nth-child(2){background:#7fba00}.microsoft-mark i:nth-child(3){background:#00a4ef}.microsoft-mark i:nth-child(4){background:#ffb900}.mini-icon{border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.section-heading h2{margin:0;font-size:20px;font-weight:600}.quick-section{border-top:1px solid var(--line);padding:32px 0}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.quick-link{min-width:0;box-shadow:var(--card-shadow);background:#fff;border-radius:8px;align-items:center;gap:14px;padding:16px;transition:box-shadow .15s;display:flex}.quick-link:hover{box-shadow:var(--card-shadow-hover)}.quick-link>span:nth-child(2){flex:1;min-width:0}.quick-link strong{font-size:15px;font-weight:600;display:block}.quick-link small{color:var(--muted);margin-top:2px;font-size:13px;display:block}.quick-link>svg{color:var(--subtle)}.quick-icon{border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.blue{color:var(--accent);background:#ebf3fc}.gold{color:#b37400;background:#fef7e7}.green{color:var(--success);background:#f1faf1}.purple{color:#7a4ab0;background:#f7f1fb}.pale-blue{color:var(--accent);background:#ebf3fc}.announcements{gap:12px;padding-bottom:32px;display:grid}.announcement{border-left:4px solid var(--accent);background:#ebf3fc;border-radius:4px;align-items:center;gap:14px;padding:14px 18px;display:flex}.announcement div{flex:1}.announcement strong{font-size:15px}.announcement p{color:#424242;margin:3px 0 0;font-size:14px}.announcement.warning{background:#fff9f5;border-color:#bc4b09}.announcement.success{border-color:var(--success);background:#f1faf1}.news-events{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 340px;gap:40px;padding:32px 0 40px;display:grid}.news-search{max-width:360px;height:34px;color:var(--muted);border:1px solid #d1d1d1;border-radius:4px;align-items:center;gap:8px;margin-bottom:18px;padding:0 6px 0 10px;display:flex}.news-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:14px}.news-search .icon-button{width:24px;height:24px}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.news-card{box-shadow:var(--card-shadow);background:#fff;border-radius:8px;flex-direction:column;transition:box-shadow .15s;display:flex;overflow:hidden}.news-card:hover{box-shadow:var(--card-shadow-hover)}.news-image{aspect-ratio:16/9;color:#c8c6c4;background:#f3f2f1;place-items:center;display:grid;position:relative}.news-image img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.news-category{background:#fff;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600;position:absolute;top:10px;left:10px}.news-copy{padding:14px 16px 16px}.news-copy time{color:var(--muted);font-size:12px}.news-copy h3{margin:6px 0 10px;font-size:16px;font-weight:600;line-height:1.35}.news-read{color:var(--accent);align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.more-news{margin-top:18px}.empty-search{color:var(--muted);font-size:14px}.source-note{color:var(--subtle);margin-top:18px;font-size:12px}.source-note a{color:var(--accent);align-items:center;gap:3px;display:inline-flex}.events-card{box-shadow:var(--card-shadow);background:#fff;border-radius:8px;padding:6px 0}.event{align-items:center;gap:14px;padding:12px 16px;display:flex}.event:hover{background:#faf9f8}.event>svg{color:var(--subtle)}.date-tile{text-align:center;border:1px solid var(--line);border-radius:4px;flex-shrink:0;width:46px;overflow:hidden}.date-tile span{background:var(--suite);color:#fff;text-transform:uppercase;padding:2px 0;font-size:11px;font-weight:600;display:block}.date-tile strong{padding:3px 0;font-size:18px;display:block}.event-copy{flex:1;min-width:0}.event-copy small{color:var(--muted);font-size:12px}.event-copy h3{margin:2px 0;font-size:14px;font-weight:600}.event-copy p{color:var(--muted);margin:0;font-size:12px}.all-events{border:0;border-top:1px solid var(--line);width:100%;color:var(--accent);background:0 0;justify-content:center;align-items:center;gap:5px;padding:10px;font-size:13px;font-weight:600;display:flex}.inline-warning{color:#bc4b09;margin:8px 16px;font-size:13px}.inline-warning button{color:var(--accent);background:0 0;border:0;font-weight:600}.locked-content{text-align:center;color:var(--muted);padding:28px 20px}.locked-content h3{color:var(--ink);margin:12px 0 4px;font-size:15px}.locked-content p{margin:0 0 12px;font-size:13px}.locked-content>svg,.locked-icon{color:var(--subtle);margin:0 auto}.food-friday{box-shadow:var(--card-shadow);background:#fff;border-radius:8px;align-items:center;gap:16px;margin-top:16px;padding:16px;display:flex}.food-friday:hover{box-shadow:var(--card-shadow-hover)}.food-art{text-align:center;background:var(--suite);color:#fff;border-radius:8px;flex-shrink:0;place-content:center;width:72px;height:72px;font-size:20px;font-weight:700;line-height:1;display:grid}.food-art span{letter-spacing:1px;margin-top:3px;font-size:12px}.food-friday h3{margin:4px 0 2px;font-size:16px;font-weight:600}.food-friday p{color:var(--muted);margin:0 0 6px;font-size:13px}.support-note{color:var(--muted);gap:10px;margin-top:16px;padding:0 4px;font-size:13px;display:flex}.support-note p{margin:0;line-height:1.5}.support-note a{color:var(--accent);align-items:center;gap:3px;font-weight:600;display:inline-flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.passkey{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(#fbfaf9,#f2f5fb);padding:88px 0 96px;position:relative;overflow:hidden}.pk-hero{text-align:center;max-width:720px;margin:0 auto}.pk-hero h2{letter-spacing:-.025em;color:#141414;margin:0 0 28px;font-size:clamp(36px,5.4vw,60px);font-weight:700;line-height:1.04}.pk-hero h2 span{background:linear-gradient(90deg,#0f6cbd,#5b3fd1);color:#0000;-webkit-background-clip:text;background-clip:text}.pk-cta{color:#fff;background:#141414;border-radius:999px;align-items:center;gap:9px;padding:14px 22px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 24px -10px #0009}.pk-cta:hover{transform:translateY(-1px);box-shadow:0 14px 30px -10px #000a}.pk-stage{justify-content:center;align-items:flex-start;gap:clamp(24px,6vw,88px);margin:64px auto 0;display:flex}.pk-phone{width:min(270px,42vw);margin:0}.pk-phone.android{margin-top:48px}.pk-device{filter:drop-shadow(0 30px 40px #0b2a6326);position:relative}.iphone .pk-device{aspect-ratio:1206/2450;transform:rotate(-3deg)}.android .pk-device{aspect-ratio:1027/2097;transform:rotate(3deg)}.pk-phone{animation:5s ease-in-out infinite pk-float}.pk-phone.android{animation-delay:-2.5s}@keyframes pk-float{0%,to{translate:0}50%{translate:0 -10px}}.pk-frame{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.pk-screen{flex-direction:column;align-items:center;display:flex;position:absolute;overflow:hidden;container-type:inline-size}.iphone .pk-screen{background:linear-gradient(165deg,#eef3ff 0%,#f6efff 55%,#fff4ee 100%);border-radius:13%/6.4%;inset:2.24% 5.14% 2.24% 5.39%}.android .pk-screen{background:linear-gradient(165deg,#f1f8e6 0%,#eef6f4 55%,#eef2ff 100%);border-radius:2%;inset:1.76% 4.87% 1.76% 4.28%}.pk-logo{height:18cqw;margin-top:20cqw}.android .pk-logo{margin-top:14cqw}.pk-screen-label{letter-spacing:.08em;text-transform:uppercase;color:#6b6b6b;margin:4cqw 0 0;font-size:4.6cqw;font-weight:600}.pk-apps{flex-direction:column;flex:1;justify-content:center;gap:5cqw;width:100%;padding:0 7cqw 10cqw;display:flex}.pk-app{text-align:center;background:#ffffffe0;border-radius:8cqw;flex-direction:column;align-items:center;padding:7cqw 6cqw 6cqw;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1cqw 4cqw #0b2a631f,0 0 0 .3cqw #fff}.android .pk-app{border-radius:5cqw;padding:5cqw 6cqw}.pk-app:hover{transform:translateY(-.8cqw);box-shadow:0 3cqw 8cqw #0b2a6333,0 0 0 .3cqw #fff}.pk-app-icon{color:#fff;border-radius:7.5cqw;place-items:center;width:30cqw;height:30cqw;display:grid;box-shadow:0 2cqw 5cqw #0b2a6333}.pk-app-icon svg{width:15cqw;height:15cqw}.android .pk-app-icon{border-radius:5cqw;width:20cqw;height:20cqw}.android .pk-app-icon svg{width:10cqw;height:10cqw}.pk-app-icon.passwords{background:linear-gradient(135deg,#3a8ef6,#1c5fd1)}.pk-app-icon.authenticator{background:linear-gradient(135deg,#2c7be0,#0b4fa8)}.pk-app-icon.proton{background:linear-gradient(135deg,#8a6cf5,#5b3fd1)}.pk-app strong{color:#141414;margin-top:4.5cqw;font-size:6.6cqw;font-weight:700;line-height:1.15}.android .pk-app strong{margin-top:3cqw;font-size:5.6cqw}.pk-app small{color:#6b6b6b;margin-top:1cqw;font-size:4.4cqw}.pk-app-action{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:1cqw;width:100%;margin-top:5cqw;padding:3.4cqw;font-size:5cqw;font-weight:600;display:inline-flex}.android .pk-app-action{margin-top:3.5cqw;padding:2.8cqw;font-size:4.6cqw}.pk-app-action svg{width:5cqw;height:5cqw}.pk-app:hover .pk-app-action{background:#115ea3}.pk-lede{text-align:center;color:#4a4a4a;max-width:760px;margin:64px auto 0;font-size:15px;line-height:1.7}.pk-faq{grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:56px;max-width:1040px;margin:96px auto 0;display:grid}.pk-faq-intro{align-self:start;position:sticky;top:88px}.pk-faq-intro h3{letter-spacing:-.02em;color:#141414;margin:0 0 24px;font-size:36px;font-weight:700;line-height:1.1}.pk-tip{color:#fff;background:linear-gradient(135deg,#0b2a63,#163a7d);border-radius:16px;padding:20px;box-shadow:0 18px 36px -18px #0b2a63b3}.pk-tip span{color:#ffd66b;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.pk-tip p{margin:8px 0 0;font-size:15px;line-height:1.5}.pk-faq-list{border-top:1px solid #0b2a631f}.pk-faq-list details{border-bottom:1px solid #0b2a631f}.pk-faq-list summary{cursor:pointer;color:#1a1a1a;justify-content:space-between;align-items:center;gap:16px;padding:20px 4px;font-size:17px;font-weight:600;list-style:none;display:flex}.pk-faq-list summary::-webkit-details-marker{display:none}.pk-faq-list summary:hover{color:var(--accent)}.pk-faq-list summary svg{color:var(--accent);transition:transform .25s}.pk-faq-list details[open] summary svg{transform:rotate(45deg)}.pk-answer{color:#424242;padding:0 40px 20px 4px;font-size:15px;line-height:1.65}.pk-answer p{margin:0 0 12px}.pk-answer ul{margin:0 0 12px;padding-left:20px}.pk-answer li{margin-bottom:6px}.pk-answer a{color:var(--accent);text-underline-offset:2px;font-weight:600;text-decoration:underline}@media (prefers-reduced-motion:reduce){.pk-cta,.pk-app,.pk-faq-list summary svg{transition:none}.pk-phone{animation:none}}@media (max-width:900px){.pk-faq{grid-template-columns:1fr;gap:24px}.pk-faq-intro{position:static}}@media (max-width:640px){.passkey{padding:56px 0 64px}.pk-stage{gap:14px;margin-top:44px}.pk-phone{width:46%}.pk-phone.android{margin-top:28px}.pk-faq{margin-top:64px}.pk-faq-intro h3{font-size:28px}.pk-answer{padding-right:4px}}.resource-links{padding:32px 0}.live-section{padding:32px 0 40px}.live-panel{background:var(--suite);color:#fff;border-radius:8px;align-items:center;gap:24px;padding:24px 28px;display:flex}.live-panel>div:nth-child(2){flex:1}.live-panel h2{margin:0 0 4px;font-size:20px;font-weight:600}.live-panel p{opacity:.85;margin:0;font-size:14px}.live-symbol{background:#ffffff1f;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:relative}.live-symbol span{width:10px;height:10px;box-shadow:0 0 0 3px var(--suite);background:#e74856;border-radius:50%;position:absolute;top:10px;right:10px}.footer{color:var(--muted);align-items:center;gap:20px;padding:22px 0 28px;font-size:13px;display:flex}.footer-brand{color:var(--ink);align-items:center;gap:10px;font-weight:600;display:flex}.footer-brand img{object-fit:contain;width:30px;height:25px}.footer p{margin:0}.footer div{align-items:center;gap:18px;margin-left:auto;display:flex}.footer div a{align-items:center;gap:3px;display:inline-flex}.footer div a:hover{color:var(--accent)}.footer-version{color:var(--subtle);font-size:12px}.modal{width:min(420px,100% - 32px);color:var(--ink);border:0;border-radius:8px;padding:28px;box-shadow:0 25.6px 57.6px #00000038,0 4.8px 14.4px #0000002e}.modal::backdrop{background:#0006}.modal-close{color:var(--muted);position:absolute;top:10px;right:10px}.modal .mini-icon{margin-bottom:14px}.modal h2{margin:4px 0 10px;font-size:22px;font-weight:600}.modal>p{color:#424242;font-size:14px;line-height:1.55}.modal .button{margin-top:18px}.profile-logo{background:#f3f2f1;border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:14px;display:grid}.profile-logo img{object-fit:contain;width:28px;height:28px}.updates-list{gap:8px;margin:14px 0;padding:0;font-size:14px;list-style:none;display:grid}.updates-list li{align-items:center;gap:8px;display:flex}.updates-list svg{color:var(--success)}.modal-footnote{color:var(--muted)!important;font-size:13px!important}.auth-message{color:#8a3707;background:#fff9f5;border-radius:4px;margin:12px 0;padding:10px 12px;font-size:13px}.modal-legacy{color:var(--accent);align-items:center;gap:4px;margin-top:14px;font-size:13px;display:inline-flex}.globe-wrap{justify-content:center;align-items:center;height:430px;display:flex;position:relative;container-type:size}.globe-stage{aspect-ratio:1;cursor:grab;mix-blend-mode:multiply;will-change:transform;touch-action:none;width:min(470px,93cqmin);animation:6.4s ease-in-out infinite globe-bob;position:relative}.globe-stage:active{cursor:grabbing}.globe-stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.globe-fallback-logo{object-fit:contain;opacity:.12;width:50%;height:50%;display:none;position:absolute;inset:25%}.globe-fallback .globe-fallback-logo{display:block}.globe-fallback canvas{display:none}.globe-shadow{filter:blur(2px);pointer-events:none;background:radial-gradient(#0b0d1038,#0b0d1000 70%);width:62%;height:6%;animation:6.4s ease-in-out infinite globe-shadow;position:absolute;bottom:-4%;left:50%;transform:translate(-50%)}@keyframes globe-bob{0%,to{transform:translateY(-8px)}50%{transform:translateY(10px)}}@keyframes globe-shadow{0%,to{opacity:.55;transform:translate(-50%)scale(.92)}50%{opacity:.85;transform:translate(-50%)scale(1.1)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portal-flyout,.portal-flyout li a{transition:none!important}.globe-stage,.globe-shadow{animation:none}}@media (max-width:1200px){.portal-nav>ul>li>a,.portal-nav>ul>li>button{padding:0 9px;font-size:13px}.topbar-name{display:none}.hero-grid{grid-template-columns:minmax(220px,1fr) minmax(0,380px) minmax(240px,1fr);gap:20px}.globe-wrap{height:360px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.topbar-menu{display:grid}.portal-nav{background:var(--suite);height:auto;display:none;position:absolute;top:48px;left:0;right:0;box-shadow:0 8px 16px #0000003d}.portal-nav.open{display:block}.portal-nav>ul{flex-direction:column;justify-content:flex-start;padding:6px 0 12px}.portal-nav li{flex-direction:column}.portal-nav>ul>li>a,.portal-nav>ul>li>button{justify-content:flex-start;padding:12px 20px;font-size:15px}.portal-nav a[aria-current=page]:after{width:3px;height:auto;inset:10px auto 10px 0}.portal-flyout{-webkit-backdrop-filter:none;backdrop-filter:none;min-width:0;box-shadow:none;color:#fff;background:0 0;border:0;border-radius:0;position:static;transform:none}.portal-flyout-inner{width:auto;margin:0}.portal-flyout p{display:none}.portal-flyout ul{gap:0;padding:0 0 8px 20px}.portal-flyout li a{color:#fff;border-radius:0;padding:9px 20px;font-size:15px;font-weight:400;display:block}.portal-flyout li a:hover{color:#fff;background:var(--suite-hover)}.hero-grid{grid-template-columns:1fr 1fr;gap:24px}.hero-center{grid-area:1/1/auto/-1}.hero-left,.hero-right{align-items:stretch}.callout,.wifi-card,.profile-card{width:100%}.globe-wrap{height:340px}.news-events{grid-template-columns:1fr}}@media (max-width:640px){.page-width{width:calc(100% - 32px)}.canvas{border-radius:0;margin:0}.topbar-brand img{height:24px}.version-label{display:none}.site-header{flex-wrap:wrap;gap:12px;padding:18px 0}.site-header>img{width:42px;height:36px}.site-header h1{font-size:20px}.today{width:100%;margin-left:0!important}.hero{padding-top:12px}.hero-grid{grid-template-columns:1fr}.globe-wrap{height:280px}.welcome{font-size:24px}.quick-grid,.news-grid{grid-template-columns:1fr}.live-panel,.footer{flex-direction:column;align-items:flex-start}.footer div{flex-wrap:wrap;margin-left:0}}
