:root{--ink:#1C1D20;--paper:#FCFBF9;--white:#fff;--line:#E5E1DE;--muted:#6B6D72;--acid:#E5484D;--blue:#62A8FF;--peach:#F4F2EF;--violet:#E5E1DE;--danger:#B54708;--shadow:0 26px 70px rgba(22,27,19,.12)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}button,input,select{font:inherit;color:inherit}button,a{outline-offset:3px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(440px,1.05fr) minmax(500px,.95fr)}.auth-story{min-height:100vh;padding:36px 42px 28px;background:#1C1D20;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column}.brand,.mobile-brand{display:inline-flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-size:18px}.brand-mark{width:28px;height:28px;display:grid;grid-template-columns:1fr 1fr;gap:3px}.brand-mark i{display:block;border:1px solid currentColor;border-radius:3px}.brand-mark i:nth-child(1){background:var(--acid)}.brand-mark i:nth-child(2){background:var(--blue)}.brand-mark i:nth-child(3){background:var(--peach)}.brand-mark i:nth-child(4){background:var(--violet)}.story-copy{position:relative;z-index:2;margin:auto 0 16px;max-width:650px}.eyebrow{display:block;font-size:10px;line-height:1.2;font-weight:800;letter-spacing:1.35px;color:#7c8679}.auth-story .eyebrow{color:var(--acid)}.story-copy h1{margin:22px 0 20px;font-size:clamp(48px,5.4vw,82px);line-height:.96;letter-spacing:-4px;font-weight:670}.story-copy p{max-width:540px;margin:0;color:#C7C8CB;font-size:16px;line-height:1.65}.auth-story footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:20px;padding-top:26px;border-top:1px solid rgba(255,255,255,0.12);color:#B9BBC0;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.story-system{position:absolute;right:-105px;top:9%;width:540px;height:540px;border:1px solid #34363B;border-radius:50%;opacity:.8}.system-orbit{position:absolute;inset:55px;border:1px solid #34363B;border-radius:50%;animation:spin 34s linear infinite}.system-orbit.orbit-two{inset:135px;animation-direction:reverse;animation-duration:24s}.system-orbit span{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:5px 10px;border:1px solid #55575C;border-radius:20px;background:#1C1D20;color:#C7C8CB;font-size:9px;font-weight:800;letter-spacing:.7px}.system-core{position:absolute;inset:205px;border:1px solid #6B6D72;border-radius:50%;display:grid;place-items:center;background:#242529}.system-core b{font-size:35px;color:var(--acid)}.system-core small{position:absolute;bottom:31px;color:#B9BBC0;font-size:8px;text-transform:uppercase;letter-spacing:1px}.system-node{position:absolute;width:58px;height:58px;border:1px solid #55575C;background:#242529;border-radius:15px;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:800;color:#FFFFFF}.node-a{left:65px;top:105px}.node-b{right:82px;top:175px;background:#242529}.node-c{left:125px;bottom:60px;background:#242529}.node-d{right:50px;bottom:100px;background:#242529}@keyframes spin{to{transform:rotate(360deg)}}.auth-panel{min-height:100vh;padding:38px 6vw 24px;display:flex;flex-direction:column;align-items:center;justify-content:center}.auth-card{width:100%;max-width:510px}.mobile-brand{display:none;margin-bottom:48px}.auth-heading h2{margin:12px 0 10px;font-size:38px;line-height:1.05;letter-spacing:-1.7px}.auth-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.auth-tabs{margin:34px 0 26px;display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid var(--line);border-radius:11px;background:#F4F2EF}.auth-tabs button{height:39px;border:0;border-radius:8px;background:transparent;font-size:12px;font-weight:700;cursor:pointer}.auth-tabs button.active{background:#fff;box-shadow:0 2px 9px rgba(22,27,19,.09)}form{display:flex;flex-direction:column;gap:16px}.hidden{display:none!important}label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700}input,select{width:100%;height:48px;padding:0 14px;border:1px solid #E5E1DE;border-radius:9px;background:#fff;font-size:13px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{outline:0;border-color:#1C1D20;box-shadow:0 0 0 3px rgba(217,255,79,.35)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.checkbox{flex-direction:row;align-items:center;gap:8px;font-weight:500;color:var(--muted)}.checkbox input{width:16px;height:16px;accent-color:#1C1D20}.text-link{border:0;background:transparent;padding:0;color:#3e493d;font-size:10px;font-weight:700;cursor:pointer}.primary-button{height:51px;padding:0 8px 0 17px;border:1px solid #1C1D20;border-radius:10px;background:#1C1D20;color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:750;cursor:pointer;transition:transform .2s,background .2s}.primary-button b{width:35px;height:35px;border-radius:7px;background:var(--acid);color:#1C1D20;display:grid;place-items:center}.primary-button:hover{transform:translateY(-1px);background:#C9343A}.primary-button:disabled{opacity:.65;cursor:wait;transform:none}.form-message{min-height:20px;margin-top:12px;font-size:11px;line-height:1.5}.form-message.error{color:var(--danger)}.form-message.success{color:#177245}.demo-divider{margin:25px 0 14px;display:flex;align-items:center;gap:12px;color:#6B6D72;font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.demo-divider:before,.demo-divider:after{content:"";height:1px;flex:1;background:var(--line)}.demo-accounts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-accounts button{min-height:59px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;display:grid;grid-template-columns:34px 1fr 15px;align-items:center;gap:9px;text-align:left;cursor:pointer;transition:border-color .2s,transform .2s}.demo-accounts button:hover{border-color:#6B6D72;transform:translateY(-1px)}.demo-accounts button>span{width:34px;height:34px;border:1px solid #1C1D20;border-radius:8px;background:var(--acid);display:grid;place-items:center;font-size:9px;font-weight:800}.demo-accounts button:nth-child(2)>span{background:var(--blue)}.demo-accounts button:nth-child(3)>span{background:var(--peach)}.demo-accounts button:nth-child(4)>span{background:var(--violet)}.demo-accounts button:nth-child(5)>span{background:#1C1D20;color:#fff}.demo-accounts p{margin:0;display:flex;flex-direction:column;gap:3px}.demo-accounts strong{font-size:10px}.demo-accounts small{color:var(--muted);font-size:8px}.demo-accounts b{font-size:11px}.demo-password{margin:10px 0 0;text-align:center;color:var(--muted);font-size:9px}.demo-password code{padding:2px 5px;border-radius:4px;background:#F4F2EF;color:#202124}.auth-help{margin:28px 0 0;color:var(--muted);font-size:10px}.auth-help a{color:var(--ink);font-weight:700}.auth-shake{animation:shake .35s}@keyframes shake{25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}
@media(max-width:980px){.auth-shell{grid-template-columns:1fr}.auth-story{display:none}.auth-panel{padding:35px 24px}.mobile-brand{display:inline-flex}.auth-card{max-width:540px}}
@media(max-width:560px){.auth-panel{justify-content:flex-start;padding:24px 16px 40px}.mobile-brand{margin-bottom:55px}.auth-heading h2{font-size:32px}.field-grid,.demo-accounts{grid-template-columns:1fr}.demo-accounts button{min-height:55px}.auth-tabs{margin-top:26px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* Silicon Academy: Vermilion & Ink authentication theme */
:root{--sa-vermilion:#E5484D;--sa-vermilion-accessible:#D83B40;--sa-vermilion-hover:#C9343A;--sa-ink:#1C1D20;--sa-blue:#62A8FF;--sa-canvas:#FCFBF9;--sa-surface:#FFFFFF;--sa-surface-soft:#F4F2EF;--sa-text:#202124;--sa-text-muted:#6B6D72;--sa-border:#E5E1DE;--ink:var(--sa-ink);--paper:var(--sa-canvas);--white:var(--sa-surface);--line:var(--sa-border);--muted:var(--sa-text-muted);--acid:var(--sa-vermilion);--blue:var(--sa-blue);--peach:var(--sa-surface-soft);--violet:var(--sa-border)}
.auth-story{background:var(--sa-ink)}.auth-story .eyebrow,.system-core b{color:var(--sa-vermilion)}
.brand-mark i:nth-child(1),.brand-mark i:nth-child(3){background:var(--sa-vermilion);border-color:var(--sa-vermilion)}
.brand-mark i:nth-child(2){background:var(--sa-ink)}.brand-mark i:nth-child(4){background:var(--sa-blue);border-color:var(--sa-blue)}
.auth-panel{background:var(--sa-canvas)}.auth-tabs{background:var(--sa-surface-soft);border-color:var(--sa-border)}.auth-tabs button.active{background:var(--sa-surface)}
input,select{border-color:var(--sa-border);background:var(--sa-surface)}input:focus,select:focus{border-color:var(--sa-blue);box-shadow:0 0 0 3px rgba(98,168,255,.25)}
.primary-button{background:var(--sa-vermilion-accessible);border-color:var(--sa-vermilion-accessible)}.primary-button:hover{background:var(--sa-vermilion-hover)}.primary-button b{background:rgba(255,255,255,.16);color:#fff}
.checkbox input{accent-color:var(--sa-vermilion-accessible)}.demo-accounts button>span{background:var(--sa-vermilion);color:#fff;border-color:var(--sa-vermilion)}.demo-accounts button:nth-child(2)>span{background:var(--sa-blue);color:var(--sa-ink);border-color:var(--sa-blue)}.demo-accounts button:nth-child(3)>span,.demo-accounts button:nth-child(4)>span{background:var(--sa-surface-soft);color:var(--sa-ink);border-color:var(--sa-border)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--sa-blue);outline-offset:3px}

/* Workspace tier onboarding */
.account-tier-fieldset,.product-access-fieldset{margin:0;padding:0;border:0}.account-tier-fieldset legend,.product-access-fieldset legend{margin:0 0 9px;font-size:11px;font-weight:750}.account-tier-grid{display:grid;gap:8px}.account-tier-card{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:center;padding:11px 12px;border:1px solid var(--sa-border);border-radius:11px;background:var(--sa-surface);cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s}.account-tier-card:hover{transform:translateY(-1px);border-color:#C9C4BF}.account-tier-card.selected{border-color:var(--sa-vermilion);box-shadow:0 0 0 2px rgba(229,72,77,.12)}.account-tier-card input{position:absolute;opacity:0;pointer-events:none}.tier-icon{width:36px;height:36px;border-radius:9px;background:var(--sa-surface-soft);color:var(--sa-vermilion);display:grid;place-items:center;font-size:18px;font-weight:800}.account-tier-card strong,.account-tier-card small{display:block}.account-tier-card strong{font-size:12px}.account-tier-card small{margin-top:3px;color:var(--sa-text-muted);font-size:9px;line-height:1.35}.organisation-fields{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}.product-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.product-choice-grid label{position:relative;padding:11px;border:1px solid var(--sa-border);border-radius:10px;background:var(--sa-surface);cursor:pointer}.product-choice-grid input{position:absolute;opacity:0}.product-choice-grid label:has(input:checked){border-color:var(--sa-vermilion);box-shadow:0 0 0 2px rgba(229,72,77,.1)}.product-choice-grid strong,.product-choice-grid small{display:block}.product-choice-grid strong{font-size:10px}.product-choice-grid small{margin-top:4px;color:var(--sa-text-muted);font-size:8px;line-height:1.35}
@media(max-width:560px){.organisation-fields,.product-choice-grid{grid-template-columns:1fr}}

.legal-consent a,.auth-legal a{color:var(--sa-ink);font-weight:750;text-decoration:underline;text-underline-offset:2px}.auth-legal{width:100%;max-width:510px;margin-top:10px;display:flex;justify-content:center;flex-wrap:wrap;gap:8px 14px;color:var(--sa-text-muted);font-size:9px}.auth-legal a{text-decoration:none}.auth-legal a:hover{text-decoration:underline;text-underline-offset:3px}


/* Official Silicon Academy logo mark */
.brand-mark,.silicon-mark,.mini-mark,.loading-mark{
  display:inline-block;
  background-image:url("/assets/branding/silicon-academy-logo-mark.svg");
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  transform:none!important;
}
.brand-mark i,.silicon-mark i,.mini-mark i,.loading-mark i{display:none!important}

/* Official Silicon Academy logo */
.brand-mark {
  display: inline-block;
  background-image: url('/assets/branding/silicon-academy-logo-mark.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: none !important;
}

.brand-mark i {
  display: none !important;
}

.skip-link{position:fixed;left:14px;top:10px;z-index:1200;transform:translateY(-160%);padding:10px 13px;border-radius:8px;background:#fff;color:#1C1D20;font-size:12px;font-weight:800;text-decoration:none;box-shadow:0 4px 16px rgba(0,0,0,.18)}.skip-link:focus-visible{transform:none}

/* Studio-first public signup */
.beta-account-tier{cursor:not-allowed;background:#F8F7F5;opacity:.72}.beta-account-tier:hover{transform:none;border-color:var(--sa-border)}.beta-account-tier .tier-icon{background:#F0ECFA;color:#7560B0}.beta-account-tier strong:after{content:"BETA";display:inline-flex;margin-left:6px;padding:2px 5px;border:1px solid #D9D1ED;border-radius:999px;color:#7560B0;font-size:6px;letter-spacing:.06em;vertical-align:middle}.studio-only-choice{grid-template-columns:1fr}.studio-only-choice label{padding:14px;border-color:#1C1D20;background:#fff;box-shadow:0 0 0 2px rgba(28,29,32,.04)}.studio-only-choice strong{font-size:12px}.studio-only-choice small{font-size:9px;line-height:1.5}.beta-plan-note{margin:9px 0 0;padding:10px 11px;border:1px solid #DDD6F0;border-radius:9px;background:#FAF8FF;color:#6D6877;font-size:8px;line-height:1.5}.beta-plan-note strong{color:#5F4D96}.demo-password{border-color:#DCD8D3;background:#FAF9F7}.demo-password strong{color:#1C1D20}