/* EtherSSH public landing page.
   Ported from the design proposal in /layout (Next.js/Tailwind mockup) and adapted to the
   real ASP.NET app: no Tailwind, no webfont dependency (system sans stack), and the markup
   in Views/Home/Index.cshtml wires the real features, routes and Identity sign-in.
   Loaded ONLY by the landing (Layout = null), so these generic class names never collide
   with the Bootstrap-based app shell used everywhere else. */

/* ---- Palette ----
   Every colour below is a token so the landing and the Identity screens can follow the same
   system / light / dark preference as the app (see ThemeService and /js/theme.js).
   data-theme="light" and, under prefers-color-scheme, data-theme="system" swap the values.
   The "paper" tokens are deliberately theme-invariant: the workspace band is a light section
   in both themes, so the text sitting on it must not flip. */
:root{
    color-scheme:dark;
    /* surfaces */
    --ink:#071010;          /* page background */
    --ink2:#0b1716;         /* hover / raised */
    --band:#091312;         /* full-width bands (signal bar, security band) */
    --ink-deep:#050b0b;     /* footer */
    --card:#0c1917;         /* login card */
    --field:#081210;        /* inputs */
    --sel:#10201d;          /* selected row in the product mock */
    --note:#0b211b;         /* callout / secondary button hover */
    --glass:rgba(5,14,13,.88);
    /* text */
    --white:#f7faf7;        /* primary */
    --t2:#b9c3c0;           /* secondary */
    --t3:#82908c;           /* muted */
    --t4:#64736f;           /* dim */
    --muted:#96a29f;
    /* lines */
    --line:rgba(185,212,205,.18);
    --edge:#42665d;         /* decorative outlines */
    --edge2:#35534c;        /* control borders */
    /* accents */
    --cyan:#65fbd2;
    --cyan-hi:#a5ffe7;
    --cyan-soft:#66e5c4;
    --on-cyan:#04100d;      /* text on a cyan fill */
    --amber:#f4b85a;
    --grid:rgba(101,251,210,.035);
    --glow:rgba(101,251,210,.22);
    /* shadows */
    --shadow-a:rgba(0,0,0,.5);
    --shadow-b:rgba(0,0,0,.24);
    --shadow-c:rgba(7,16,16,.22);
    /* the light "paper" band - the same in every theme */
    --paper:#f2f1ea;
    --on-paper:#0b1513;
    --paper-mute:#68716e;
    --paper-line:#d3d3cc;
    --paper-accent:#22735e;
    --paper-accent2:#5f8a7e;
    /* the hero photo is composited onto a dark page; light mode swaps this */
    --hero-blend:screen;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--white);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input{font:inherit}
.shell{width:min(1240px,calc(100% - 48px));margin:0 auto}
.nav{height:84px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:30;border-bottom:1px solid var(--line)}.logo-link{display:flex}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:700;font-size:20px;letter-spacing:-.04em}.brand>span:last-child>span{color:var(--cyan)}.brand-mark{position:relative;width:28px;height:30px;display:inline-block}.brand-mark i{position:absolute;width:8px;height:25px;border:2px solid var(--cyan);border-radius:6px;transform:rotate(30deg);top:2px}.brand-mark i:nth-child(1){left:2px}.brand-mark i:nth-child(2){left:10px;height:20px;top:5px}.brand-mark i:nth-child(3){left:18px;height:15px;top:8px}.brand-compact{transform:scale(.8)}.nav-links{display:flex;gap:34px;font-size:13px;color:var(--t2)}.nav-links a:hover{color:var(--white)}.nav-actions{display:flex;align-items:center;gap:24px}.status-chip{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--t2);border:1px solid var(--line);padding:8px 11px;border-radius:2px}.status-chip i{display:inline-block;width:5px;height:5px;background:var(--cyan);border-radius:50%;margin-right:7px;box-shadow:0 0 10px var(--cyan)}.nav-login{font-size:12px;text-transform:uppercase;letter-spacing:.11em}.nav-login span{color:var(--cyan);margin-left:6px}.menu-button{display:none;background:none;border:0;width:34px}.menu-button span{display:block;height:1px;background:var(--white);margin:7px}

.hero{min-height:770px;display:grid;grid-template-columns:.96fr 1.04fr;align-items:center;position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to right,black,transparent 70%);pointer-events:none}.hero-copy{padding:90px 0 110px;position:relative;z-index:3}.eyebrow,.kicker{margin:0 0 24px;color:var(--cyan);font-size:10px;text-transform:uppercase;letter-spacing:.24em}.eyebrow:before,.kicker:before{content:"";display:inline-block;width:26px;height:1px;background:var(--cyan);vertical-align:middle;margin-right:12px}.hero h1{font-size:clamp(54px,5.15vw,76px);line-height:.98;letter-spacing:-.06em;margin:0;max-width:760px;font-weight:500}.hero h1 em{font-style:normal;color:var(--t2)}.hero-lede{color:var(--t2);font-size:18px;line-height:1.7;max-width:570px;margin:30px 0 36px}.hero-actions{display:flex;gap:12px}.button{height:52px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:28px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--line);transition:.25s;cursor:pointer}.button.primary{background:var(--cyan);color:var(--on-cyan);border-color:var(--cyan);font-weight:700}.button.primary:hover{background:var(--cyan-hi)}.button.secondary:hover{border-color:var(--t3)}.play{font-size:8px;color:var(--cyan)}.trust-line{margin-top:42px;display:flex;gap:22px;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--t4)}.trust-line b{font-size:6px;color:var(--edge);margin-right:5px}.hero-visual{position:relative;height:650px;margin-right:-90px}.hero-visual>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:var(--hero-blend);opacity:.85}.visual-vignette{position:absolute;inset:0;background:radial-gradient(circle at 55% 48%,transparent 22%,var(--ink) 78%)}.command-window{position:absolute;left:3%;bottom:15%;width:78%;background:var(--glass);border:1px solid var(--glow);box-shadow:0 24px 70px var(--shadow-a);backdrop-filter:blur(12px)}.window-top{height:38px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 14px;font-size:9px;letter-spacing:.08em}.window-top>span{display:flex;gap:5px}.window-top i{width:5px;height:5px;border-radius:50%;background:var(--edge)}.window-top b{font-weight:500;margin:auto;color:var(--t2)}.window-top em{font-style:normal;color:var(--cyan);font-size:7px}.terminal-lines{padding:18px 22px;font:11px/1.7 "Courier New",monospace;color:var(--t2)}.terminal-lines p{margin:0}.terminal-lines p span,.terminal-lines .success{color:var(--cyan)}.terminal-lines .dim{color:var(--t4)}.cursor{color:var(--cyan)}.node-card{position:absolute;display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--glass);padding:10px 13px;font-size:8px;text-transform:uppercase;letter-spacing:.09em;backdrop-filter:blur(10px)}.node-card i{width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan)}.node-card span b{display:block;color:var(--white);font-size:12px;margin-bottom:2px}.node-one{right:8%;top:21%}.node-two{right:16%;bottom:5%}.node-two i{background:var(--amber);box-shadow:0 0 12px var(--amber)}

.signal-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--band)}.signal-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between}.signal-inner p{color:var(--t4);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.signal-inner div{display:flex;gap:48px;color:var(--t2);font-size:10px;letter-spacing:.15em}.section{padding:140px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:66px}.section-heading h2,.workspace-copy h2,.access-copy h2,.security-grid h2,.faq h2{font-size:clamp(40px,4vw,58px);line-height:1.05;letter-spacing:-.055em;font-weight:500;margin:0}.section-heading>p{max-width:400px;color:var(--t3);line-height:1.7;margin:0 0 5px;font-size:15px}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.capability{min-height:410px;padding:25px 26px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;transition:.25s}.capability:hover{background:var(--ink2)}.capability-top{display:flex;justify-content:space-between;color:var(--t4);font-size:10px}.capability-top i{font-style:normal;color:var(--t3)}.cap-icon{height:140px;display:flex;align-items:center;justify-content:center;position:relative}.cap-icon b{display:block;position:absolute;border:1px solid var(--edge)}.icon-01 b{width:76px;height:46px;transform:skewY(-10deg)}.icon-01 b:nth-child(2){transform:translate(10px,-10px) skewY(-10deg);border-color:var(--cyan)}.icon-01 b:nth-child(3){width:5px;height:5px;background:var(--cyan);border-radius:50%;transform:translate(44px,20px)}.icon-02 b{width:28px;height:56px}.icon-02 b:nth-child(2){transform:translate(-21px,12px);border-color:var(--cyan)}.icon-02 b:nth-child(3){transform:translate(21px,-12px)}.icon-03 b{width:60px;height:60px;border-radius:50%}.icon-03 b:nth-child(2){width:40px;height:1px;background:var(--edge)}.icon-03 b:nth-child(3){width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:20px -13px 0 var(--edge),-20px 13px 0 var(--edge)}.icon-04 b{width:62px;height:62px;transform:rotate(45deg)}.icon-04 b:nth-child(2){width:30px;height:30px;border-color:var(--cyan)}.icon-04 b:nth-child(3){width:4px;height:4px;background:var(--cyan);box-shadow:0 0 15px var(--cyan)}.capability h3{font-size:19px;margin:auto 0 12px;font-weight:500}.capability p{color:var(--t3);font-size:13px;line-height:1.65;margin:0}

.workspace-section{padding:140px 0;background:var(--paper);color:var(--on-paper);overflow:hidden}.workspace-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:90px;align-items:center}.workspace-copy .kicker{color:var(--paper-accent)}.workspace-copy .kicker:before{background:var(--paper-accent)}.workspace-copy>p:nth-of-type(2){color:var(--paper-mute);line-height:1.7;margin:28px 0 38px;max-width:440px}.workspace-copy ul{list-style:none;padding:0;margin:0}.workspace-copy li{display:flex;gap:17px;padding:19px 0;border-top:1px solid var(--paper-line)}.workspace-copy li>span{color:var(--paper-accent2);font:10px "Courier New",monospace}.workspace-copy li b,.workspace-copy li small{display:block}.workspace-copy li b{font-size:14px;margin-bottom:7px}.workspace-copy li small{color:var(--paper-mute);font-size:12px;line-height:1.5}.product-shot{height:500px;background:var(--ink);color:var(--white);border:1px solid var(--edge2);box-shadow:0 30px 80px var(--shadow-c);transform:perspective(1200px) rotateY(-2deg);position:relative}.product-head,.product-foot{height:48px;display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0 16px;font-size:8px;letter-spacing:.14em;color:var(--t3)}.product-head span{margin-left:12px}.product-head em{margin-left:auto;color:var(--cyan);font-style:normal}.product-body{height:403px;display:grid;grid-template-columns:180px 1fr}.product-body aside{border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:4px}.product-body aside>b{font-size:7px;letter-spacing:.16em;color:var(--t4);margin:9px 8px}.product-body aside span{padding:9px;border-radius:2px;font-size:9px;color:var(--t3)}.product-body aside span.selected{background:var(--sel);color:var(--t2)}.product-body aside i{float:right;font-style:normal;color:var(--t4)}.product-main header{height:44px;border-bottom:1px solid var(--line);display:flex;align-items:flex-end;gap:0}.product-main header span{padding:12px 18px 10px;font-size:9px;color:var(--t3)}.product-main header span:first-child{border-bottom:1px solid var(--cyan);color:var(--white)}.fake-terminal{padding:30px;font:11px/2 "Courier New",monospace;color:var(--t2)}.fake-terminal p{margin:0}.fake-terminal em{color:var(--cyan);font-style:normal}.fake-terminal .muted{color:var(--t4)}.fake-terminal .ok,.fake-terminal b{color:var(--cyan-soft);font-weight:normal}.fake-terminal i{color:var(--cyan);font-style:normal}.product-foot{height:48px;border-top:1px solid var(--line);border-bottom:0;justify-content:space-between}.compact-heading{align-items:center}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.use-grid article{padding:34px 42px 24px 0;border-right:1px solid var(--line);min-height:300px}.use-grid article+article{padding-left:42px}.use-grid article:last-child{border-right:0}.use-grid span{font:9px "Courier New",monospace;color:var(--t4)}.use-grid h3{font-size:25px;font-weight:500;margin:70px 0 16px}.use-grid p{color:var(--t3);font-size:13px;line-height:1.7;min-height:68px}.use-grid a{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--cyan)}

.security-band{background:var(--band);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:100px 0}.security-grid{display:grid;grid-template-columns:150px 1fr 1fr;gap:65px;align-items:center}.security-seal{width:125px;height:125px;border:1px solid var(--edge2);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--cyan)}.security-seal span{font-size:32px}.security-seal i{font-style:normal;font:7px/1.5 "Courier New",monospace;letter-spacing:.16em;text-align:center}.security-points{border-left:1px solid var(--line);padding-left:50px}.security-points p{margin:0;padding:15px 0;border-bottom:1px solid var(--line)}.security-points p:last-child{border:0}.security-points b,.security-points span{display:block}.security-points b{font-size:13px;margin-bottom:7px}.security-points span{font-size:11px;color:var(--t3)}.access-section{padding:140px 0;display:grid;grid-template-columns:1fr 480px;gap:130px;align-items:center}.access-copy>p:nth-of-type(2){color:var(--t3);line-height:1.7;max-width:480px;margin:28px 0 42px}.founder-note{display:flex;gap:16px;border-top:1px solid var(--line);padding-top:25px;max-width:490px}.founder-note>span{width:38px;height:38px;border:1px solid var(--edge2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--cyan)}.founder-note p{margin:0;flex:1}.founder-note b,.founder-note small{display:block}.founder-note b{font-size:12px;margin-bottom:7px}.founder-note small{font-size:11px;color:var(--t3);line-height:1.6}.login-card{background:var(--card);border:1px solid var(--line);padding:34px;box-shadow:0 30px 80px var(--shadow-b)}.login-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.login-head>div>span{color:var(--cyan);font-size:8px;text-transform:uppercase;letter-spacing:.18em}.login-head h3{font-size:25px;margin:8px 0 0;font-weight:500}.lock{width:38px;height:38px;border:1px solid var(--edge2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--cyan)}.login-card label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:var(--t3);margin-top:18px}.login-card input[type=email],.login-card input[type=password],.login-card input[type=text]{display:block;width:100%;height:49px;background:var(--field);border:1px solid var(--edge2);color:var(--white);padding:0 14px;margin-top:8px;outline:none}.login-card input:focus{border-color:var(--cyan-soft)}.password-field{position:relative}.password-field button{position:absolute;right:12px;top:25px;background:none;border:0;color:var(--cyan-soft);font-size:9px;text-transform:uppercase;cursor:pointer}.form-row{display:flex;justify-content:space-between;align-items:center;margin:18px 0 22px;font-size:9px;color:var(--t3)}.form-row>a{color:var(--t2)}.check{display:flex;align-items:center;gap:7px;margin:0}.check input{width:12px;height:12px;margin:0;accent-color:var(--cyan)}.login-submit{height:50px;width:100%;background:var(--cyan);color:var(--on-cyan);border:0;display:flex;justify-content:space-between;align-items:center;padding:0 18px;text-transform:uppercase;font-size:10px;letter-spacing:.12em;font-weight:700;cursor:pointer}.request-copy{text-align:center;font-size:10px;color:var(--t3);margin:20px 0 0}.request-copy a{color:var(--cyan)}.login-note{padding:12px;margin-top:16px;border:1px solid var(--edge2);color:var(--t2);line-height:1.5;background:var(--note);font-size:11px}.validation-summary-errors{color:var(--amber);font-size:11px;line-height:1.5;margin-bottom:8px}.validation-summary-errors ul{margin:0;padding-left:16px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:120px;border-top:1px solid var(--line)}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;padding:24px 0;display:flex;justify-content:space-between;cursor:pointer;font-size:13px}summary::-webkit-details-marker{display:none}summary span{color:var(--cyan)}details p{color:var(--t3);font-size:12px;line-height:1.7;padding:0 36px 22px 0;margin:0}details[open] summary span{transform:rotate(45deg)}footer{background:var(--ink-deep);border-top:1px solid var(--line);padding-top:70px}.footer-main{display:flex;justify-content:space-between;padding-bottom:70px}.footer-main>div:first-child p{color:var(--t4);font-size:13px;line-height:1.6;margin:22px 0 0}.footer-links{display:flex;gap:100px}.footer-links div{display:flex;flex-direction:column;gap:12px;min-width:100px}.footer-links b{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--t4);margin-bottom:8px}.footer-links a{font-size:11px;color:var(--t2)}.footer-bottom{border-top:1px solid var(--line);height:66px;display:flex;align-items:center;justify-content:space-between;color:var(--t4);font-size:9px;text-transform:uppercase;letter-spacing:.1em}

@media(max-width:960px){.nav-links{display:none;position:absolute;top:83px;left:0;right:0;background:var(--ink);border-bottom:1px solid var(--line);padding:26px;flex-direction:column}.nav-links.open{display:flex}.menu-button{display:block}.status-chip{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:90px 0 30px}.hero-visual{height:540px;margin:0}.signal-inner{flex-direction:column;align-items:flex-start;padding:25px 0;gap:20px}.signal-inner div{flex-wrap:wrap;gap:20px}.capability-grid{grid-template-columns:repeat(2,1fr)}.workspace-grid,.access-section,.faq{grid-template-columns:1fr}.product-shot{transform:none}.security-grid{grid-template-columns:130px 1fr}.security-points{grid-column:1/-1;border-left:0;padding-left:0}.access-section{gap:70px}.faq{gap:50px}}
@media(max-width:640px){.shell{width:min(100% - 28px,1240px)}.nav{height:70px}.nav-login{display:none}.hero-copy{padding-top:70px}.hero h1{font-size:46px}.hero-lede{font-size:16px}.hero-actions{flex-direction:column}.trust-line{flex-direction:column;gap:10px}.hero-visual{height:400px}.command-window{width:94%;left:3%;bottom:12%}.node-one{top:9%;right:0}.node-two{display:none}.section{padding:90px 0}.section-heading{display:block}.section-heading>p{margin-top:24px}.capability-grid{grid-template-columns:1fr}.capability{min-height:320px}.workspace-section{padding:90px 0}.workspace-grid{gap:50px}.product-shot{height:400px;overflow:hidden}.product-body{grid-template-columns:120px 1fr;height:303px}.product-body aside{padding:10px 6px}.fake-terminal{padding:18px;font-size:9px}.use-grid{grid-template-columns:1fr}.use-grid article,.use-grid article+article{padding:30px 0;border-right:0;border-bottom:1px solid var(--line);min-height:240px}.use-grid h3{margin-top:45px}.security-grid{grid-template-columns:1fr}.security-seal{margin-bottom:10px}.access-section{padding:90px 0;grid-template-columns:1fr}.login-card{padding:24px}.faq{gap:40px}.footer-main{display:block}.footer-links{margin-top:50px;gap:50px}.footer-bottom{height:auto;padding:22px 0;display:block;line-height:2}.footer-bottom span{display:block}}

/* ---- Identity auth pages (Login / two-factor), styled to match the landing ---- */
.auth-body{min-height:100vh;display:flex;flex-direction:column;background:var(--ink)}
.auth-top{position:relative;z-index:2}
.auth-main{flex:1;display:flex;align-items:center;justify-content:center;padding:56px 0;position:relative;overflow:hidden}
.auth-grid{position:absolute;inset:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at 50% 40%,black,transparent 70%);pointer-events:none}
.auth-card{width:min(440px,calc(100% - 40px));position:relative;z-index:2}
.auth-card .login-card{margin:0}
.auth-sub{color:var(--t3);font-size:12px;line-height:1.6;margin:14px 0 0}
.auth-alt{text-align:center;font-size:11px;color:var(--t3);margin:22px 0 0}
.auth-alt a{color:var(--cyan)}
.auth-foot{border-top:1px solid var(--line);height:60px;display:flex;align-items:center;justify-content:center;color:var(--t4);font-size:9px;text-transform:uppercase;letter-spacing:.12em}
.text-danger{color:var(--amber)}
.field-error{display:block;color:var(--amber);font-size:10px;margin-top:6px}
.auth-code input{letter-spacing:.5em;text-align:center;font:18px/1 "Courier New",monospace}

@media(prefers-reduced-motion:no-preference){.brand-mark i{animation:pulseMark 4s ease-in-out infinite}.brand-mark i:nth-child(2){animation-delay:.18s}.brand-mark i:nth-child(3){animation-delay:.36s}.node-card i{animation:nodePulse 2.4s ease-in-out infinite}.cursor{animation:blink 1s steps(2) infinite}.capability:hover .cap-icon{transform:translateY(-5px)}.cap-icon{transition:.3s}@keyframes pulseMark{50%{border-color:var(--edge2);transform:rotate(30deg) translateY(2px)}}@keyframes nodePulse{50%{opacity:.35}}@keyframes blink{50%{opacity:0}}}


/* ---- EtherLogin SSO button (secondary action under the password submit) ---- */
.oidc-split{display:flex;align-items:center;gap:14px;margin:20px 0}
.oidc-split:before,.oidc-split:after{content:"";flex:1;height:1px;background:var(--line)}
.oidc-split span{font:8px "Courier New",monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--t4)}
.oidc-btn{height:50px;width:100%;background:transparent;border:1px solid var(--edge2);color:var(--t2);display:flex;align-items:center;justify-content:center;gap:10px;text-transform:uppercase;font-size:10px;letter-spacing:.12em;font-weight:700;cursor:pointer;transition:.2s}
.oidc-btn:hover{border-color:var(--cyan);color:var(--white);background:var(--note)}
.oidc-mark{color:var(--cyan);font-size:13px;line-height:1}
.oidc-hint{text-align:center;font-size:10px;color:var(--t3);margin:10px 0 0}


/* ============================================================
   Light theme
   The brand stays the same shape; only the palette flips. The cyan is dropped to a deep teal
   because the neon mint is unreadable on white, and the hero photo is composited with multiply
   instead of screen so it darkens the page rather than blowing out to white.
   The block is repeated for data-theme="system" under prefers-color-scheme - CSS cannot share
   one declaration block between an attribute and a media condition, so keep the two in sync.
   ============================================================ */
[data-theme="light"]{
    color-scheme:light;
    --ink:#f4f6f4;
    --ink2:#e8edeb;
    --band:#eaefed;
    --ink-deep:#e4eae8;
    --card:#ffffff;
    --field:#ffffff;
    --sel:#d8ece4;
    --note:#e4f4ee;
    --glass:rgba(255,255,255,.9);
    --white:#0b1513;
    --t2:#33413e;
    --t3:#5a6a66;
    --t4:#76847f;
    --muted:#76847f;
    --line:rgba(11,21,19,.14);
    --edge:#9dbfb4;
    --edge2:#b6d2c8;
    --cyan:#0d7f66;
    --cyan-hi:#0a6653;
    --cyan-soft:#12836a;
    --on-cyan:#ffffff;
    --amber:#b45309;
    --grid:rgba(13,127,102,.06);
    --glow:rgba(13,127,102,.28);
    --shadow-a:rgba(11,21,19,.16);
    --shadow-b:rgba(11,21,19,.12);
    --shadow-c:rgba(11,21,19,.14);
    --hero-blend:multiply;
}

@media(prefers-color-scheme:light){
    /* Same light palette as above, for users following the OS. */
    [data-theme="system"],:root:not([data-theme]){
        color-scheme:light;
        --ink:#f4f6f4;
        --ink2:#e8edeb;
        --band:#eaefed;
        --ink-deep:#e4eae8;
        --card:#ffffff;
        --field:#ffffff;
        --sel:#d8ece4;
        --note:#e4f4ee;
        --glass:rgba(255,255,255,.9);
        --white:#0b1513;
        --t2:#33413e;
        --t3:#5a6a66;
        --t4:#76847f;
        --muted:#76847f;
        --line:rgba(11,21,19,.14);
        --edge:#9dbfb4;
        --edge2:#b6d2c8;
        --cyan:#0d7f66;
        --cyan-hi:#0a6653;
        --cyan-soft:#12836a;
        --on-cyan:#ffffff;
        --amber:#b45309;
        --grid:rgba(13,127,102,.06);
        --glow:rgba(13,127,102,.28);
        --shadow-a:rgba(11,21,19,.16);
        --shadow-b:rgba(11,21,19,.12);
        --shadow-c:rgba(11,21,19,.14);
        --hero-blend:multiply;
    }
}