.public-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(circle at 82% 15%,rgba(69,92,104,.15),transparent 30%),var(--sv-bg-base)}
.portal-entry{background:linear-gradient(90deg,rgba(7,10,12,.98),rgba(7,10,12,.84) 48%,rgba(7,10,12,.5)),url('../images/Farol.png') 72% center/cover fixed no-repeat}
.public-header{height:var(--sv-header);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,4vw,4rem);border-bottom:1px solid var(--sv-border-subtle);background:rgba(7,9,10,.82);backdrop-filter:blur(14px);position:sticky;top:0;z-index:50}
.brand{display:flex;align-items:center;gap:.9rem;font-family:var(--sv-font-display);letter-spacing:.16em;text-transform:uppercase;font-weight:700}.brand-mark{width:2.2rem;aspect-ratio:1;border:1px solid var(--sv-border-strong);display:grid;place-items:center;transform:rotate(45deg)}.brand-mark::after{content:"SV";font:700 .58rem var(--sv-font-mono);transform:rotate(-45deg)}
.public-nav{display:flex;align-items:center;gap:1.6rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--sv-text-secondary)}
.public-main{width:min(1500px,100%);margin:auto;padding:clamp(2rem,5vw,5rem)}
.hero{min-height:calc(100vh - var(--sv-header));display:grid;grid-template-columns:minmax(0,1.15fr) minmax(20rem,.65fr);align-items:center;gap:clamp(2rem,7vw,8rem)}
.hero-copy{max-width:52rem}.hero-copy h1{margin:.7rem 0 1.4rem;text-transform:uppercase}.hero-copy h1 span{display:block;color:var(--sv-text-muted);font-weight:400}.hero-copy>p{max-width:42rem;font-size:clamp(1rem,1.3vw,1.18rem);color:var(--sv-text-secondary)}
.action-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.system-shell{min-height:100vh;display:grid;grid-template-columns:var(--sv-sidebar) minmax(0,1fr);background:var(--sv-bg-base)}
.sidebar{position:sticky;top:0;height:100vh;overflow:auto;border-right:1px solid var(--sv-border-subtle);background:#090d0f;padding:1.25rem}.sidebar .brand{padding:.5rem .5rem 1.6rem;border-bottom:1px solid var(--sv-border-subtle)}
.system-main{min-width:0}.system-header{height:var(--sv-header);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;border-bottom:1px solid var(--sv-border-subtle);background:rgba(12,16,18,.88);backdrop-filter:blur(16px);position:sticky;top:0;z-index:40}.content{padding:clamp(1rem,3vw,2.5rem);max-width:1600px;margin:auto}
.page-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.page-head h1{font-size:clamp(2rem,4vw,3.8rem);margin:.5rem 0 0}.page-head p{max-width:38rem;color:var(--sv-text-muted);margin:0}
.grid{display:grid;gap:1rem}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:span 2}
.section{margin-top:2.5rem}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-head h2{margin:0}
.mobile-toggle{display:none}
