@layer components{[name=Portal]{width:100%}[name=Portal] .portal-layout{display:grid;grid-template-rows:1fr auto;min-height:100vh;min-height:100dvh}[name=Portal] .portal-main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}[name=Portal] .portal-title{font-size:2rem;margin-bottom:.5rem}[name=Portal] .portal-text{color:var(--color-text-muted, #666);font-size:1.1rem;margin-bottom:3rem}[name=Portal] .portal-sites{display:grid;grid-template-columns:1fr;gap:1rem;width:100%;max-width:50rem}@media screen and (min-width:768px){[name=Portal] .portal-sites{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1280px){[name=Portal] .portal-sites{grid-template-columns:repeat(3,1fr)}}[name=Portal] .portal-site-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem 1rem;border:1px solid var(--color-border, #e0e0e0);border-radius:.25rem;text-decoration:none;color:inherit;transition:border-color .2s,background-color .2s}[name=Portal] .portal-site-card:hover{border-color:var(--color-text-muted, #999);background-color:#00000005}[name=Portal] .portal-site-logo{height:3rem;width:auto;max-width:100%;-o-object-fit:contain;object-fit:contain}[name=Portal] .portal-site-name{font-size:.95rem}[name=Portal] .portal-footer{border-top:1px solid var(--color-border, #e0e0e0);padding:1.5rem}[name=Portal] .portal-footer-inner{display:flex;flex-direction:column;align-items:center;gap:.75rem;max-width:50rem;margin:0 auto}@media screen and (min-width:768px){[name=Portal] .portal-footer-inner{flex-direction:row;justify-content:space-between}}[name=Portal] .portal-footer-nav{display:flex;gap:1.5rem}[name=Portal] .portal-footer-link{color:var(--color-text-muted, #666);font-size:.85rem;text-decoration:none}[name=Portal] .portal-footer-link:hover{text-decoration:underline}[name=Portal] .portal-footer-meta{display:flex;align-items:center;gap:1.5rem;font-size:.85rem;color:var(--color-text-muted, #999)}[name=Portal] .portal-login{display:flex;align-items:center;gap:.35rem;color:var(--color-text-muted, #999);font-size:.85rem;text-decoration:none}[name=Portal] .portal-login:hover{text-decoration:underline}[name=Portal] .portal-login-icon{width:1.1em;height:1.1em}}