:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#25253d;background:#f7f7fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:88px;padding:0 max(24px,calc((100% - 1000px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #ddddec}.brand{text-decoration:none;color:#444499;font-size:25px;font-weight:750;letter-spacing:-1px}.brand span{display:block;font-size:10px;letter-spacing:3px;margin-top:2px}.staff{color:#68687b;font-size:13px}main{max-width:820px;margin:48px auto;padding:0 20px}.card{background:#fff;border:1px solid #ddddec;border-radius:18px;padding:38px;box-shadow:0 8px 28px #44449908}.login{max-width:440px;margin:60px auto}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#444499}h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:18px 0}h2{font-size:21px;margin:0 0 10px}.intro{line-height:1.65;color:#68687b;margin-bottom:26px}label{display:block;font-size:13px;font-weight:650;margin:18px 0 8px}input{width:100%;min-width:0;border:1px solid #bdbdd7;border-radius:8px;padding:12px;font:inherit;color:#25253d;background:#fff}button{font:inherit;font-weight:650;cursor:pointer;min-height:46px;border-radius:8px;padding:11px 18px}button:disabled{opacity:.55;cursor:wait}.primary{border:1px solid #444499;background:#444499;color:#fff}.primary:hover{background:#353579}.login button{width:100%}.login .primary{margin-top:22px}.secondary{background:#fff;color:#444499;border:1px solid #bdbdd7}.hint{font-size:13px;color:#68687b;line-height:1.6}.divider{position:relative;text-align:center;margin:22px 0;color:#68687b;font-size:12px}.divider:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid #ddddec}.divider span{position:relative;background:#fff;padding:0 12px}#message{color:#e42a24;font-size:14px;line-height:1.5}#message:empty{display:none}.userbar{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin-bottom:18px;gap:12px}.textbutton{border:0;background:none;color:#444499;padding:6px 10px}.placeholder{text-align:center;padding:48px}.placeholder .intro{max-width:510px;margin:0 auto 24px}.symbol{margin:28px auto 0;width:58px;height:58px;border-radius:18px;background:#88d2f5;color:#444499;display:grid;place-items:center;font-size:30px;font-weight:750}.badge{display:inline-block;border-radius:20px;padding:7px 13px;background:#fff6a2;color:#444499;font-size:12px;font-weight:650}.legacy{font-size:14px;color:#444499}.account{margin-top:24px}.account>p{color:#68687b;font-size:14px}.addrow{display:flex;gap:12px}.addrow button{white-space:nowrap}.keylist{list-style:none;padding:0;margin:24px 0 0}.keylist li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-top:1px solid #ddddec}.keylist small{display:block;margin-top:5px;color:#68687b}footer{text-align:center;color:#68687b;font-size:12px;padding:10px 20px 36px}:focus-visible{outline:3px solid #444499;outline-offset:3px}@media(max-width:540px){header{height:76px;padding:0 20px}main{margin:24px auto;padding:0 14px}.card{padding:25px}.login{margin:28px auto}.placeholder{padding:32px 23px}h1{font-size:28px}.addrow{flex-direction:column}.staff{font-size:12px}.brand{font-size:23px}}

/* Swallowtail company palette */
:root{--sw-purple:#444499;--sw-yellow:#fff6a2;--sw-red:#e42a24;--sw-blue:#88d2f5}header{background:var(--sw-purple);border-bottom:4px solid var(--sw-yellow)}header .brand,header .staff{color:#fff}h1,h2{color:var(--sw-purple)}header :focus-visible{outline-color:var(--sw-yellow)}.primary{background:var(--sw-purple);border-color:var(--sw-purple);color:#fff}.primary:hover{background:#353579}.symbol{background:var(--sw-yellow);color:var(--sw-purple)}.badge{background:var(--sw-yellow);color:var(--sw-purple)}