/* ScopeGoat identity from the supplied brand board. Exact artwork is shown through CSS viewports. */
@font-face{font-family:Inter;src:url('/assets/fonts/Inter-Variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('/assets/fonts/BarlowCondensed-Semibold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('/assets/fonts/BarlowCondensed-Bold.ttf') format('truetype');font-style:normal;font-weight:700 900;font-display:swap}
:root{
 --scopegoat-green:#1F3D2E;--scopegoat-charcoal:#2F3438;--scopegoat-sand:#D7B895;--scopegoat-offwhite:#F6F4EE;--scopegoat-copper:#B05E3C;
 --scopegoat-body-font:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
 --scopegoat-heading-font:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;
 --charcoal:#1F3D2E;--tan:#B05E3C;--tan-dark:#894528;--line:#deded5;--bg:#F6F4EE;--card:#fff;--text:#2F3438;--muted:#59635d;
 color-scheme:light;
}
body{color:var(--text);background-color:var(--bg);font-family:var(--scopegoat-body-font)}
button,input,select,textarea{font-family:var(--scopegoat-body-font)}
h1,h2,h3,h4{font-family:var(--scopegoat-heading-font);font-weight:700;letter-spacing:.015em}
.scopegoat-brand{position:relative;display:block;width:290px;max-width:100%;min-width:0;color:var(--scopegoat-green);text-decoration:none;line-height:1.2;flex:none}
.scopegoat-brand::before{
 content:'';display:block;width:100%;aspect-ratio:594/147;
 background-image:url('/assets/scopegoat-branding-board.png?v=brand-board-v1');
 background-repeat:no-repeat;background-size:243.771044% auto;background-position:5.386417% 61.661342%;
}
/* Accessible product name is retained beside the exact raster lettering. */
.scopegoat-brand .scopegoat-wordmark,.scopegoat-auth .scopegoat-brand strong,.scopegoat-redirect .scopegoat-brand strong{
 position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.scopegoat-brand .scopegoat-workspace{display:block;margin-top:5px;color:var(--scopegoat-green);font-size:11px;font-weight:600;letter-spacing:.02em;line-height:1.4;overflow-wrap:anywhere}
.scopegoat-header{
 background:var(--scopegoat-offwhite);color:var(--scopegoat-green);border:1px solid var(--line);border-bottom:3px solid var(--scopegoat-copper);border-radius:8px;box-shadow:0 2px 8px #1F3D2E08;
}
.scopegoat-header .scopegoat-brand{color:var(--scopegoat-green)}
.scopegoat-header nav a,.scopegoat-header nav button,.scopegoat-header .tag a,.scopegoat-header .tag button,.scopegoat-header a,.scopegoat-header button{
 color:var(--scopegoat-green);border-bottom-color:#B05E3C80;font-family:var(--scopegoat-body-font);
}
.scopegoat-header .tag{color:var(--muted)}
.scopegoat-header nav a:hover,.scopegoat-header nav button:hover,.scopegoat-header .tag a:hover,.scopegoat-header .tag button:hover{color:var(--scopegoat-copper)}
body.scopegoat-auth{background-image:linear-gradient(#1F3D2E06 1px,transparent 1px),linear-gradient(90deg,#1F3D2E06 1px,transparent 1px);background-size:40px 40px}
.scopegoat-auth .brandbar{padding:15px 22px;background:var(--scopegoat-offwhite);border:1px solid var(--line);border-bottom:3px solid var(--scopegoat-copper);border-radius:8px}
.scopegoat-auth .scopegoat-brand{width:330px;margin:auto;text-align:center}
.scopegoat-auth .scopegoat-brand::before{clip-path:polygon(0 0,100% 0,100% 74%,29% 74%,29% 100%,0 100%)}
.scopegoat-auth .scopegoat-tagline{display:block;margin-top:8px;color:var(--scopegoat-green);font-size:10px;letter-spacing:.13em;font-weight:500;text-transform:uppercase;line-height:1.6}
/* Render the strapline as readable type on account pages, below the preserved logo lettering. */
.scopegoat-auth .card{border-radius:8px;box-shadow:0 5px 24px #1F3D2E0a}
.scopegoat-auth .tabs{background:#eeece4;border-radius:6px}
.scopegoat-auth .tabs button{border-radius:4px}
.scopegoat-auth .tabs button.active{color:var(--scopegoat-green);box-shadow:inset 0 -2px 0 var(--scopegoat-copper),0 1px 4px #1F3D2E10}
.scopegoat-auth .link{color:var(--scopegoat-green)}
.scopegoat-auth h1{color:var(--scopegoat-green);font-size:26px;line-height:1.15}
.scopegoat-auth .step{color:#894528}
input:focus,select:focus,textarea:focus{outline:2px solid #B05E3C40;outline-offset:1px;border-color:var(--scopegoat-copper)}
button:focus-visible,a:focus-visible{outline:2px solid var(--scopegoat-copper);outline-offset:3px}
.scopegoat-auth .btn,.scopegoat-auth #setupForm button{border-radius:6px;background:var(--scopegoat-copper);color:#fff}
.scopegoat-auth .btn:hover,.scopegoat-auth #setupForm button:hover{background:#894528}
.scopegoat-redirect{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;font:15px/1.5 var(--scopegoat-body-font)}
.scopegoat-redirect main{max-width:420px;width:100%}
.scopegoat-redirect .scopegoat-brand{width:340px;margin-bottom:20px;color:var(--scopegoat-green)}
.scopegoat-redirect p{color:var(--muted)}
.scopegoat-redirect a{color:var(--scopegoat-green)}
@media(max-width:520px){.scopegoat-brand{width:265px}.scopegoat-auth .brandbar{padding:15px}.scopegoat-auth .scopegoat-brand{width:100%}.scopegoat-auth h1{font-size:25px}}