body.portal{--hero-glow: rgba(0, 206, 209, .1);--cover-a: #0d4f51;--cover-b: #1c2a33;--cover-ink: rgba(255, 255, 255, .85)}@media(prefers-color-scheme:light){body.portal{--hero-glow: rgba(0, 134, 138, .08);--cover-a: #c9ecec;--cover-b: #e6eef3;--cover-ink: #0b5a5d}body.portal .colour-picker .swatch[aria-pressed=true]{border-color:var(--panel)}body.portal .colour-picker .swatch:hover{border-color:var(--field-border)}}body.portal .btn.wide{width:100%;padding-top:10px;padding-bottom:10px;font-size:14px}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,420px);gap:48px;align-items:center;min-height:calc(100vh - 172px);background:radial-gradient(ellipse at 20% 30%,var(--hero-glow),transparent 60%)}.hero-logo{width:56px;height:56px;display:block;margin-bottom:18px}.hero h1{font-size:34px;line-height:1.15;letter-spacing:-.5px;margin:0 0 14px}.hero .lead{font-size:16px;color:var(--text);max-width:34em;margin:0 0 18px}.hero-points{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;color:var(--text-muted)}.hero-points li{display:flex;align-items:center;gap:10px}.hero-points li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none}body.portal .card.signin-card{margin:0;padding:28px}.signin-card h2{margin-top:0!important;font-size:18px}.signin-card form{margin-top:16px}.signin-foot{margin:16px 0 0;text-align:center}.signin-card input.code{width:100%}@media(max-width:820px){.hero{grid-template-columns:minmax(0,1fr);gap:24px;min-height:0}.hero h1{font-size:26px}.hero .lead{font-size:15px}.hero-logo{width:44px;height:44px;margin-bottom:12px}}body.portal .card.invite-card{max-width:640px;margin:0 auto;padding:30px 32px}.invite-head{text-align:center;margin:0 0 8px}.invite-head .hero-logo{margin:0 auto 12px;width:48px;height:48px}.invite-head .eyebrow{margin:0 0 2px;color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:.8px;font-size:11px}.invite-head h1{font-size:26px;overflow-wrap:anywhere}.form-sec{border-top:1px solid var(--tab-border);padding-top:4px;margin-top:18px}body.portal .form-sec h2{margin:16px 0 4px}.form-sec .sec-sub{margin:0 0 14px}.form-sec h2+label,.form-sec h2+div{margin-top:12px}.form-sec label.check{display:flex;margin:0 0 8px}.notes-preview{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 12px;border-radius:8px;background:var(--surface-2)}@media(max-width:560px){body.portal .card.invite-card{padding:22px 18px}}.page-head.hello{align-items:center}.cards.pcards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.cards.pcards>.empty{grid-column:1 / -1}body.portal .card.pcard{padding:0;overflow:hidden;display:flex;flex-direction:column;transition:transform .12s,box-shadow .12s}body.portal .card.pcard:hover{transform:translateY(-1px);border-color:var(--accent-line)}.pcover{display:block;width:100%;height:150px;object-fit:cover;flex:none}.pcover.blank{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--cover-a),var(--cover-b));color:var(--cover-ink);font-size:46px;font-weight:700;letter-spacing:1px;user-select:none}.pbody{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}body.portal .pbody h2{margin:0 0 4px;font-size:16px;overflow-wrap:anywhere}.pbody .pmeta{margin:0 0 10px}.pbody .paccess{margin:0 0 10px;font-size:12px}.pactions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:auto;padding-top:6px}.card.pcard.has-cog h2{padding-right:0}.card.pcard .card-cog{z-index:1;background:#00000073;color:#fff;opacity:.8}.account-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;align-items:start}.account-grid .card{margin:0 0 18px}.account-grid h2{margin-top:0!important}.account-grid dl.facts{margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--tab-border)}.account-grid dl.facts dd{overflow-wrap:anywhere}@media(max-width:820px){.account-grid{grid-template-columns:minmax(0,1fr)}}body.portal img.info-photo{width:calc(100% + 48px);margin:-22px -24px 18px}@media(max-width:560px){body.portal .page{padding:20px 16px 40px}body.portal .card{padding:18px 16px}body.portal img.info-photo{width:calc(100% + 32px);margin:-18px -16px 14px}.page-head .tools{width:100%}}
