html,body{margin:0;padding:0;background:#f4f7fb;background:light-dark(#f4f7fb,#101b29);color-scheme:light dark}
#rp-start-page {
--rp-bg: light-dark(#f4f7fb, #101b29);
--rp-surface: light-dark(#ffffff, #192b3f);
--rp-ink: light-dark(#17365d, #e4edf7);
--rp-body: light-dark(#42586b, #b7c9dc);
--rp-soft: light-dark(#eaf2f9, #223c55);
--rp-border: light-dark(#dde6ef, #344b62);
--rp-blue: light-dark(#1767a7, #85bff0);
--rp-button: light-dark(#1767a7, #2c78b8);
--rp-shadow: light-dark(#17365d12, #00000024);
color-scheme: light dark;
font-family: Inter, "Segoe UI", Arial, sans-serif;
color: var(--rp-ink);
font-size: 14px;
line-height: 1.5;
width: 100%;
container-type: inline-size;
}
#rp-start-page * { box-sizing: border-box; }
#rp-start-page .rp-page { background: var(--rp-bg); }
#rp-start-page a { color: inherit; text-decoration: none; }
#rp-start-page button, #rp-start-page input { font: inherit; }
#rp-start-page button { color: inherit; }
#rp-start-page h1, #rp-start-page h2, #rp-start-page h3, #rp-start-page p { margin: 0; }
#rp-start-page .rp-header {
background: var(--rp-surface);
padding: 21px 36px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
border-bottom: 1px solid var(--rp-border);
}
#rp-start-page .rp-brand { display: flex; align-items: center; gap: 11px; min-width: 0; }
#rp-start-page .rp-brand-mark {
width: 40px;
height: 40px;
flex: 0 0 40px;
display: grid;
place-items: center;
border-radius: 11px;
color: #ffffff;
background: #2c78b8;
font-size: 23px;
font-weight: 800;
}
#rp-start-page .rp-brand-name { font-size: 18px; font-weight: 750; letter-spacing: -.55px; }
#rp-start-page .rp-brand-name span { color: var(--rp-blue); }
#rp-start-page .rp-brand-sub { display: block; color: var(--rp-body); font-size: 11px; margin-top: 1px; }
#rp-start-page .rp-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; font-size: 12px; font-weight: 600; }
#rp-start-page .rp-nav a { padding: 6px 0; }
#rp-start-page .rp-nav .rp-nav-login {
border: 1px solid var(--rp-border);
border-radius: 8px;
padding: 8px 12px;
display: flex;
align-items: center;
gap: 7px;
}
#rp-start-page [data-lucide], #rp-start-page .lucide { width: 17px; height: 17px; flex: 0 0 17px; }
#rp-start-page .rp-hero { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(290px, .8fr); gap: 38px; padding: 48px 36px 40px; align-items: center; }
#rp-start-page .rp-intro { min-width: 0; }
#rp-start-page .rp-eyebrow { display: flex; gap: 8px; align-items: center; color: var(--rp-blue); font-size: 11px; font-weight: 700; letter-spacing: 1.25px; text-transform: uppercase; margin-bottom: 17px; }
#rp-start-page .rp-eyebrow::before { content: ""; width: 23px; height: 3px; background: var(--rp-blue); }
#rp-start-page .rp-intro h1 { font-size: clamp(29px, 4.35cqi, 44px); line-height: 1.13; letter-spacing: -1.4px; font-weight: 750; max-width: 520px; }
#rp-start-page .rp-intro h1 span { color: var(--rp-blue); }
#rp-start-page .rp-lead { color: var(--rp-body); font-size: 14px; line-height: 1.75; max-width: 445px; margin-top: 19px; }
#rp-start-page .rp-cta { margin-top: 24px; display: flex; align-items: center; flex-wrap: wrap; gap: 14px; }
#rp-start-page .rp-action {
display: inline-flex;
justify-content: center;
align-items: center;
gap: 9px;
padding: 11px 16px;
border: 1px solid var(--rp-border);
border-radius: 8px;
background: var(--rp-surface);
color: var(--rp-ink);
font-size: 13px;
font-weight: 650;
min-height: 44px;
}
#rp-start-page .rp-action-primary { color: #ffffff; background: var(--rp-button); border-color: var(--rp-button); }
#rp-start-page .rp-cta-note { display: flex; align-items: center; gap: 6px; color: var(--rp-body); font-size: 11px; }
#rp-start-page .rp-features { margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--rp-border); display: grid; grid-template-columns: 1fr 1fr; gap: 17px 14px; }
#rp-start-page .rp-feature { display: flex; align-items: start; gap: 10px; min-width: 0; }
#rp-start-page .rp-feature-symbol { width: 33px; height: 33px; flex: 0 0 33px; display: grid; place-items: center; border-radius: 8px; background: var(--rp-soft); color: var(--rp-blue); }
#rp-start-page .rp-feature h3 { font-size: 12px; font-weight: 650; margin: 1px 0 2px; }
#rp-start-page .rp-feature p { font-size: 11px; line-height: 1.5; color: var(--rp-body); }
#rp-start-page .rp-login { background: var(--rp-surface); border: 1px solid var(--rp-border); border-radius: 18px; padding: 28px; box-shadow: 0 12px 40px var(--rp-shadow); min-width: 0; }
#rp-start-page .rp-login-top { display: flex; align-items: center; gap: 8px; color: var(--rp-blue); font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; margin-bottom: 19px; }
#rp-start-page .rp-login h2 { font-size: 25px; letter-spacing: -.6px; font-weight: 700; }
#rp-start-page .rp-login-desc { color: var(--rp-body); font-size: 12px; margin-top: 7px; }
#rp-start-page .rp-form { margin-top: 23px; }
#rp-start-page .rp-label { display: block; font-size: 12px; font-weight: 650; margin: 15px 0 7px; }
#rp-start-page .rp-input { display: block; width: 100%; min-width: 0; border: 1px solid var(--rp-border); border-radius: 8px; background: var(--rp-bg); color: var(--rp-ink); padding: 12px; min-height: 45px; font-size: 13px; }
#rp-start-page .rp-input::placeholder { color: var(--rp-body); opacity: .8; }
#rp-start-page .rp-password-row { position: relative; }
#rp-start-page .rp-password-row input { padding-right: 59px; }
#rp-start-page .rp-show-password { position: absolute; top: 0; right: 3px; height: 45px; padding: 0 10px; border: 0; background: transparent; color: var(--rp-blue); font-size: 11px; font-weight: 600; }
#rp-start-page .rp-submit { margin-top: 21px; width: 100%; }
#rp-start-page .rp-help { display: block; margin: 14px auto 0; padding: 4px; border: 0; background: transparent; color: var(--rp-blue); font-size: 12px; }
#rp-start-page .rp-login-note { border-top: 1px solid var(--rp-border); padding-top: 17px; margin-top: 19px; display: flex; gap: 8px; font-size: 11px; color: var(--rp-body); align-items: flex-start; }
#rp-start-page .rp-login-note .lucide { margin-top: 2px; }
#rp-start-page [hidden] { display: none !important; }
#rp-start-page .rp-contact { margin: 0 36px 30px; padding: 25px 27px; background: light-dark(#122f50, #1d3b5b); color: #ffffff; border-radius: 12px; display: grid; grid-template-columns: 1.15fr 1fr; gap: 25px; align-items: center; }
#rp-start-page .rp-contact .rp-contact-kicker { color: #b3d3ee; font-size: 10px; letter-spacing: 1.1px; font-weight: 650; text-transform: uppercase; margin-bottom: 7px; }
#rp-start-page .rp-contact h2 { color: #ffffff; font-size: 21px; line-height: 1.3; letter-spacing: -.4px; font-weight: 650; }
#rp-start-page .rp-contact-intro { color: #c6d7e7; font-size: 12px; line-height: 1.65; margin-top: 7px; max-width: 380px; }
#rp-start-page .rp-contact-details { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
#rp-start-page .rp-contact-item { border-left: 1px solid #ffffff35; padding-left: 17px; min-width: 0; }
#rp-start-page .rp-contact-label { display: flex; align-items: center; gap: 7px; color: #c6d7e7; font-size: 11px; margin-bottom: 7px; }
#rp-start-page .rp-contact-value { font-size: 13px; font-weight: 650; overflow-wrap: anywhere; }
#rp-start-page .rp-footer { padding: 0 36px 20px; display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; color: var(--rp-body); font-size: 10px; }
#rp-start-page .rp-footer-brand { font-weight: 650; }
@container (max-width: 780px) {
#rp-start-page .rp-header { padding: 20px 24px; }
#rp-start-page .rp-hero { gap: 25px; padding: 34px 24px; grid-template-columns: minmax(0, 1fr) minmax(270px, .85fr); }
#rp-start-page .rp-nav { gap: 12px; }
#rp-start-page .rp-brand-sub { display: none; }
#rp-start-page .rp-features { grid-template-columns: 1fr; gap: 12px; }
#rp-start-page .rp-login { padding: 24px; }
#rp-start-page .rp-contact { margin: 0 24px 24px; gap: 22px; grid-template-columns: 1fr; }
#rp-start-page .rp-contact-details { grid-template-columns: 1fr 1fr; }
#rp-start-page .rp-footer { padding: 0 24px 20px; }
}
@container (max-width: 620px) {
#rp-start-page .rp-header { padding: 16px 20px; flex-wrap: wrap; gap: 12px; }
#rp-start-page .rp-nav { gap: 14px; }
#rp-start-page .rp-nav .rp-nav-login { display: none; }
#rp-start-page .rp-hero { display: flex; flex-direction: column; padding: 25px 20px; gap: 28px; }
#rp-start-page .rp-login { order: -1; width: 100%; max-width: 420px; }
#rp-start-page .rp-intro { width: 100%; }
#rp-start-page .rp-intro h1 { font-size: 32px; max-width: 440px; }
#rp-start-page .rp-features { grid-template-columns: 1fr 1fr; }
#rp-start-page .rp-contact { margin: 0 20px 22px; padding: 23px; }
#rp-start-page .rp-footer { padding: 0 20px 20px; }
}
@container (max-width: 380px) {
#rp-start-page .rp-brand-name { font-size: 17px; }
#rp-start-page .rp-header { gap: 9px; }
#rp-start-page .rp-nav { font-size: 11px; }
#rp-start-page .rp-login { padding: 22px; }
#rp-start-page .rp-features, #rp-start-page .rp-contact-details { grid-template-columns: 1fr; gap: 17px; }
#rp-start-page .rp-intro h1 { font-size: 29px; }
}
@media (pointer: coarse) {
#rp-start-page .rp-input { font-size: 16px; }
#rp-start-page .rp-help, #rp-start-page .rp-nav a { min-height: 44px; display: inline-flex; align-items: center; }
#rp-start-page .rp-help { display: flex; }
}
#rp-start-page .rp-nav a[aria-current="page"] { color: var(--rp-blue); text-decoration: underline; text-underline-offset: 6px; }
#rp-start-page .rp-overview { padding: 32px 36px 28px; }
#rp-start-page .rp-overview-heading { max-width: 750px; margin-bottom: 23px; }
#rp-start-page .rp-overview .rp-eyebrow { margin-bottom: 12px; }
#rp-start-page .rp-overview h1 { font-size: clamp(28px, 4cqi, 40px); line-height: 1.15; letter-spacing: -1.1px; font-weight: 750; }
#rp-start-page .rp-overview h1 span { color: var(--rp-blue); }
#rp-start-page .rp-overview-lead { margin-top: 15px; color: var(--rp-body); line-height: 1.75; font-size: 14px; max-width: 680px; }
#rp-start-page .rp-about-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 25px; padding-top: 22px; border-top: 1px solid var(--rp-border); }
#rp-start-page .rp-about-image-note { color: var(--rp-body); font-size: 10px; margin-top: 14px; }
@container (max-width: 780px) {
#rp-start-page .rp-overview { padding: 28px 24px; }
}
@container (max-width: 550px) {
#rp-start-page .rp-overview { padding: 24px 20px; }
#rp-start-page .rp-overview h1 { font-size: 29px; }
}
#rp-start-page .rp-overview-heading { max-width: 860px; margin-bottom: 28px; }
#rp-start-page .rp-overview-lead { max-width: 750px; }
#rp-start-page .rp-story-row { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); gap: 32px; align-items: center; padding: 28px 0; border-top: 1px solid var(--rp-border); }
#rp-start-page .rp-story-row-reverse { grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); }
#rp-start-page .rp-story-row-reverse .rp-story-image { order: -1; }
#rp-start-page .rp-story-copy { min-width: 0; }
#rp-start-page .rp-story-copy section + section { margin-top: 23px; }
#rp-start-page .rp-story-copy h2, #rp-start-page .rp-story-warehouse h2 { font-size: 21px; line-height: 1.3; font-weight: 700; letter-spacing: -.35px; margin: 0 0 10px; }
#rp-start-page .rp-story-copy p, #rp-start-page .rp-story-warehouse p { color: var(--rp-body); font-size: 13px; line-height: 1.8; margin: 0; }
#rp-start-page .rp-story-copy p + p { margin-top: 11px; }
#rp-start-page .rp-story-copy strong { color: var(--rp-ink); font-weight: 700; }
#rp-start-page .rp-story-image { margin: 0; min-width: 0; }
#rp-start-page .rp-story-image img { display: block; width: 100%; height: auto; border-radius: 12px; }
#rp-start-page .rp-story-image figcaption { font-size: 11px; color: var(--rp-body); line-height: 1.5; padding-top: 8px; }
#rp-start-page .rp-story-warehouse { border-top: 1px solid var(--rp-border); padding-top: 25px; }
#rp-start-page .rp-story-warehouse p { max-width: 810px; }
#rp-start-page .rp-story-closing { color: var(--rp-ink); font-size: 19px; line-height: 1.5; font-weight: 700; margin-top: 28px; max-width: 820px; }
@container (max-width: 680px) {
#rp-start-page .rp-story-row, #rp-start-page .rp-story-row-reverse { grid-template-columns: 1fr; gap: 22px; padding: 25px 0; }
#rp-start-page .rp-story-row-reverse .rp-story-image { order: 0; }
#rp-start-page .rp-story-copy h2, #rp-start-page .rp-story-warehouse h2 { font-size: 20px; }
}
#rp-start-page .rp-page{max-width:1200px;margin:0 auto}
#rp-start-page .rp-input{font-size:16px}
#rp-start-page .rp-icon{display:inline-flex;align-items:center;justify-content:center;min-width:17px;font-style:normal}
#rp-start-page .rp-error{margin-top:16px;padding:12px;border:1px solid light-dark(#e4acac,#914f55);border-radius:8px;background:light-dark(#fff0f0,#3e252c);color:light-dark(#9d252d,#ffc5c9);font-size:13px;overflow-wrap:anywhere}
#rp-start-page .rp-help{cursor:pointer;text-align:left}
#rp-start-page .rp-help-text{margin-top:10px;font-size:12px;color:var(--rp-body)}
#rp-start-page button,#rp-start-page a{cursor:pointer}
#rp-start-page .rp-contact a{text-decoration:underline;text-underline-offset:3px}
#rp-start-page .rp-contact-pending{color:#c6d7e7;font-size:13px}
#rp-start-page .rp-nav a{min-height:44px;display:inline-flex;align-items:center}
#rp-start-page .rp-story-image img{max-width:100%;height:auto}
@media(max-width:620px){#rp-start-page .rp-header{padding:16px 20px;flex-wrap:wrap}#rp-start-page .rp-hero{display:flex;flex-direction:column;padding:25px 20px;gap:28px}#rp-start-page .rp-login{order:-1;width:100%;max-width:420px}#rp-start-page .rp-intro{width:100%}#rp-start-page .rp-contact{grid-template-columns:1fr;margin:0 20px 22px}#rp-start-page .rp-contact-details{grid-template-columns:1fr}#rp-start-page .rp-header{gap:12px}}
#rp-start-page[data-about="1"] .rp-nav .rp-nav-login{display:inline-flex}
#rp-start-page .rp-help{display:block}