:root{--navy:#102235;--navy2:#19344b;--blue:#34566f;--orange:#c87936;--orange2:#dfa06b;--ink:#172735;--muted:#71808c;--paper:#f3f6f8;--white:#fff;--line:#e1e7eb;--green:#39846a;--greenbg:#e8f3ee;--amber:#a96d2e;--amberbg:#f8efe5;--red:#a95a52;--redbg:#f7eae8;--shadow:0 10px 30px rgba(16,34,53,.07)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);font:14px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}button{font:inherit;cursor:pointer}a{text-decoration:none;color:inherit}.topline{height:5px;background:linear-gradient(90deg,var(--navy),#385d77 68%,var(--orange))}.switchbar{background:#0c1b29;color:#c6d2da;padding:10px 24px;display:flex;justify-content:center;align-items:center;gap:12px;font-size:12px}.switchbar strong{color:#fff;letter-spacing:.08em}.switcher{display:flex;background:rgba(255,255,255,.1);padding:3px;border-radius:8px}.switcher button{border:0;background:transparent;color:#c6d2da;padding:7px 13px;border-radius:6px;font-size:12px;font-weight:700}.switcher button.active{background:var(--orange);color:white}
.header{height:76px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1380px)/2));position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:850;color:var(--navy);letter-spacing:.02em}.brand small{display:block;font-size:8px;color:#7b8993;letter-spacing:.15em;margin-top:-3px}.mark{width:34px;height:25px;border:3px solid var(--orange);border-radius:4px;position:relative}.mark:after{content:"";position:absolute;width:15px;height:3px;background:var(--orange);left:7px;bottom:-7px}.mark:before{content:"";position:absolute;width:3px;height:6px;background:var(--orange);left:13px;bottom:-6px}.headright{display:flex;align-items:center;gap:18px;color:#637482;font-size:12px}.avatar{width:34px;height:34px;border-radius:50%;background:#eaf0f3;color:var(--navy);display:grid;place-items:center;font-weight:800}.headuser{display:flex;align-items:center;gap:9px;color:var(--navy);font-weight:750}.logout{border-left:1px solid var(--line);padding-left:18px}
.layout{max-width:1380px;margin:26px auto 60px;padding:0 22px;display:grid;grid-template-columns:225px minmax(0,1fr);gap:22px}.sidebar{background:linear-gradient(180deg,#142b40,#102235);border-radius:15px;padding:20px 13px;color:#c8d3dc;min-height:720px;box-shadow:var(--shadow);display:flex;flex-direction:column}.sidebrand{padding:4px 12px 22px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:16px}.sidebrand span{font-size:10px;color:#8fa4b3;letter-spacing:.13em;text-transform:uppercase}.sidebrand b{display:block;color:white;font-size:16px;margin-top:3px}.navlabel{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#8297a7;padding:12px 12px 7px}.navitem{display:flex;gap:12px;align-items:center;padding:11px 12px;border-radius:8px;font-size:12px;font-weight:650;color:#c2ced7;margin:2px 0;cursor:pointer}.navitem .ico{width:17px;text-align:center;color:#b9c8d2;font-size:15px}.navitem.active{background:var(--orange);color:white;box-shadow:0 5px 15px rgba(0,0,0,.12)}.navitem.active .ico{color:white}.navitem:hover:not(.active){background:rgba(255,255,255,.08)}.sidebottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:16px}.sidebottom .navitem{font-size:11px}
.main{min-width:0}.welcome{border-radius:15px;background:linear-gradient(110deg,#142b40,#24445c);color:white;padding:27px 30px;position:relative;overflow:hidden;box-shadow:var(--shadow);margin-bottom:18px}.welcome:after{content:"";position:absolute;right:-50px;top:-130px;width:380px;height:300px;border:1px solid rgba(217,160,107,.32);border-radius:50%;box-shadow:0 0 0 24px rgba(255,255,255,.025),0 0 0 50px rgba(255,255,255,.02);transform:rotate(-18deg)}.welcome:before{content:"";position:absolute;right:0;bottom:0;width:55%;height:2px;background:linear-gradient(90deg,transparent,rgba(110,160,190,.8),rgba(217,160,107,.75));filter:blur(.2px)}.welcome .eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#d7a16f;font-weight:800}.welcome h1{font-size:27px;letter-spacing:-.03em;margin:6px 0 5px;position:relative;z-index:1}.welcome p{color:#c8d5de;font-size:13px;margin:0;position:relative;z-index:1}.welcome .date{position:absolute;right:28px;top:28px;color:#c2d0d9;font-size:11px;z-index:1}
.grid{display:grid;gap:16px}.grid.two{grid-template-columns:1.1fr .9fr}.grid.equal{grid-template-columns:repeat(2,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card{background:white;border:1px solid var(--line);border-radius:13px;padding:20px;box-shadow:0 4px 17px rgba(16,34,53,.035);min-width:0}.card h2{font-size:15px;color:var(--navy);margin:0 0 5px;letter-spacing:-.01em}.card .sub{font-size:11px;color:var(--muted);margin:0 0 16px}.cardhead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}.cardhead h2{margin:0}.iconbox{width:36px;height:36px;border-radius:10px;background:#f5eae0;color:var(--orange);display:grid;place-items:center;font-size:18px;flex:none}.actioncard{display:flex;gap:13px;align-items:flex-start}.actioncard h2{margin:0 0 4px}.actioncard p{font-size:11px;color:var(--muted);margin:0 0 13px}.btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:7px;padding:10px 13px;font-size:11px;font-weight:800;background:var(--orange);color:white}.btn.secondary{background:white;border:1px solid #d5dfe5;color:var(--navy)}.btn:hover{filter:brightness(.96);transform:translateY(-1px)}.btnrow{display:flex;gap:8px;flex-wrap:wrap}.status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:20px;font-size:10px;font-weight:800;white-space:nowrap}.resolved{background:var(--greenbg);color:var(--green)}.progress{background:#e9f0f5;color:#426780}.waiting{background:var(--amberbg);color:var(--amber)}.open{background:var(--redbg);color:var(--red)}
.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}th{text-align:left;color:#778692;font-size:9px;text-transform:uppercase;letter-spacing:.08em;background:#f7f9fa;padding:10px 9px}td{padding:12px 9px;border-bottom:1px solid #edf0f2;color:#405362}tr:last-child td{border-bottom:0}.ticket{font-weight:800;color:var(--navy)}.link{font-size:11px;color:#a65f2d;font-weight:800}.profileline{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f2}.profileline:last-child{border:0}.profileline .label{font-size:10px;color:var(--muted)}.profileline strong{display:block;font-size:12px;color:var(--navy)}.step-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.step{border:1px solid var(--line);border-radius:9px;padding:12px 9px;text-align:center}.stepnum{margin:0 auto 7px;width:25px;height:25px;border-radius:50%;background:var(--orange);color:white;font-weight:850;display:grid;place-items:center;font-size:11px}.step b{font-size:11px;color:var(--navy);display:block}.step small{display:block;color:var(--muted);font-size:9px;line-height:1.35;margin-top:4px}.metric{padding:16px}.metric .metriclabel{font-size:10px;color:var(--muted);font-weight:700}.metric strong{display:block;font-size:24px;color:var(--navy);letter-spacing:-.04em;margin-top:5px}.metric small{font-size:10px;color:var(--muted)}.metric.orange strong{color:#ad652f}.meter{height:8px;background:#e8edf0;border-radius:10px;overflow:hidden;margin:12px 0 6px}.meter span{height:100%;display:block;width:50%;background:linear-gradient(90deg,#b96c32,#d99a61);border-radius:10px}.meter-caption{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.callout{padding:13px 15px;border-radius:10px;background:#f7f2ed;border:1px solid #ead9c9;color:#725238;font-size:11px;display:flex;gap:10px;align-items:flex-start;margin-top:15px}.callout b{color:#754b2b}.activity{display:grid;gap:12px}.activityrow{display:flex;gap:11px;align-items:flex-start}.activitydot{width:8px;height:8px;border-radius:50%;background:var(--orange);margin:5px 0 0;flex:none}.activityrow b{display:block;font-size:11px;color:var(--navy)}.activityrow small{font-size:10px;color:var(--muted)}.emptyhint{font-size:11px;color:var(--muted);padding:13px;border:1px dashed #d7e0e5;border-radius:9px;background:#fbfcfd}.footnote{text-align:center;color:#91a0aa;font-size:10px;margin-top:24px}
.panel{display:none}.panel.active{display:block}.sectiongap{margin-top:16px}
@media(max-width:1000px){.layout{grid-template-columns:190px minmax(0,1fr)}.grid.four{grid-template-columns:repeat(2,1fr)}.grid.two{grid-template-columns:1fr}.sidebar{min-height:850px}}
@media(max-width:700px){.header{padding:0 16px}.headright>span,.logout{display:none}.layout{display:block;padding:0 12px;margin-top:14px}.sidebar{min-height:0;margin-bottom:14px;padding:10px;display:block}.sidebrand{display:none}.navlabel,.sidebottom{display:none}.sidebar nav{display:flex;overflow:auto;gap:4px}.navitem{white-space:nowrap;padding:9px 11px}.navitem .ico{display:none}.grid.equal,.grid.four{grid-template-columns:1fr 1fr}.welcome{padding:22px}.welcome .date{display:none}.welcome h1{font-size:23px}.card{padding:16px}.switchbar{flex-wrap:wrap}.step-list{grid-template-columns:1fr}.step{display:flex;text-align:left;align-items:center;gap:10px}.stepnum{margin:0}.step small{margin:0}.grid.equal{gap:10px}}
@media(max-width:430px){.grid.equal,.grid.four{grid-template-columns:1fr}.brand{font-size:20px}.headright{gap:7px}}

.workspace{max-width:1380px;margin:auto;display:grid;grid-template-columns:235px 1fr;min-height:75vh}.portal-content{padding:30px;min-width:0}.portal-nav{background:#fff;border-right:1px solid var(--line);padding:25px 15px}.portal-nav a{display:block;padding:12px;border-radius:8px;margin-bottom:5px}.portal-nav a.active,.portal-nav a:hover{background:#edf2f5;color:#a75e2a}.login-wrap{max-width:520px;margin:70px auto;padding:30px;background:#fff;border:1px solid var(--line);border-radius:18px}.login-wrap input:not([type=checkbox]){width:100%;padding:12px;border:1px solid var(--line);border-radius:8px}.login-wrap input[type=submit]{background:var(--orange);color:#fff;cursor:pointer}.login-wrap label{display:block}.login-choice{display:block;padding:20px;border:1px solid var(--line);border-radius:10px;margin:16px 0}.portal-hero{position:relative;overflow:hidden;background:var(--navy);padding:25px;color:white;border-radius:14px;margin-bottom:24px}.portal-hero h1,.portal-hero p{position:relative;z-index:2}.crits-sr{position:absolute;inset:0;pointer-events:none;overflow:hidden}.card{margin:18px 0}.record{padding:14px 0;border-bottom:1px solid var(--line)}.notice{padding:18px;border-radius:10px;background:#f8efe5;margin:18px 0}select{padding:10px;max-width:100%}.logout-link{font-size:13px}.card p{overflow-wrap:anywhere}
@media(max-width:760px){.workspace{grid-template-columns:1fr}.portal-nav{display:flex;flex-wrap:wrap;padding:10px}.portal-nav a{padding:8px;font-size:12px}.portal-content{padding:18px}.login-wrap{margin:30px 16px}.header{padding:0 16px}}
/* Client workspace: selected shield header/white sidebar + checklist/timeline information layout. */
.client-header{height:70px;background:linear-gradient(110deg,#10293b,#071b2b);color:#fff;border:0;padding:0 28px}.client-header .brand{color:#fff;position:relative;font-size:29px;letter-spacing:.02em}.brand-accent{position:absolute;left:16px;right:4px;bottom:-3px;height:4px;background:var(--orange);border-radius:0 0 80% 80%}.client-header-right{display:flex;align-items:center;gap:22px;font-size:13px}.client-header-right a{color:#e1ebf2}.client-header .logout-link{padding:7px 13px;border:1px solid #ffffff70;border-radius:7px}.workspace{max-width:1600px;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 70px)}.portal-nav{padding:24px 12px}.portal-nav a{display:flex;align-items:center;gap:12px;padding:13px 12px;color:#263544;font-weight:600;font-size:13px;border-left:3px solid transparent}.portal-nav a.active{background:#fff2e7;color:#b86321;border-left-color:#d87d31}.portal-nav a:hover{background:#faf2ec}.portal-nav-icon{font-size:20px;width:22px;text-align:center;font-weight:500}.portal-content{padding:0 25px 35px}.portal-hero-premium{isolation:isolate;border-radius:0;min-height:260px;padding:26px 28px;margin:0 -25px 24px;background:radial-gradient(ellipse at 85% 70%,#123c54,#0a2032 60%);color:#fff}.portal-hero-premium .crits-sr{z-index:0;left:48%;width:52%;height:100%;max-width:52%}.portal-hero-premium rs-progress,.portal-hero-premium .tp-bannertimer{display:none!important}.portal-shield{position:absolute;right:0;top:0;width:48%;height:100%;object-fit:cover;pointer-events:none;opacity:.95;mask-image:linear-gradient(90deg,transparent,#000 22%);z-index:1}.portal-hero-copy{position:relative;z-index:2;max-width:70%}.portal-eyebrow{display:inline-block;padding:4px 10px;border-radius:6px;background:#bc621b;font-size:10px;font-weight:750;letter-spacing:.03em}.portal-hero-copy h1{font-size:clamp(23px,2.1vw,32px);line-height:1.18;letter-spacing:-.025em;margin:12px 0 7px;overflow-wrap:anywhere}.portal-hero-copy p{font-size:15px;color:#cfdeea;margin:0}.portal-hero-metrics{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:78%;margin-top:25px}.portal-hero-metrics>div{display:flex;align-items:center;gap:13px;border:1px solid #a1c4dc66;background:linear-gradient(110deg,#b8dcf022,#4e7d9b22);backdrop-filter:blur(8px);padding:13px 17px;border-radius:12px;color:#f2f7fb;font-size:11px;box-shadow:inset 0 1px 12px #ffffff07}.portal-hero-metrics strong{display:block;font-size:25px;line-height:1.2;overflow-wrap:anywhere}.metric-symbol{font-size:26px;color:#5ed7f3}.portal-content>form{font-size:12px;margin:12px 0 22px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.portal-content>form .btn{padding:10px}.dash-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px}.dash-heading h2{margin:0;font-size:26px;letter-spacing:-.02em}.dash-heading h2 small{font-size:13px;color:#687789;font-weight:600;display:inline-block;border-left:1px solid #c5cfd7;margin-left:14px;padding-left:14px}.dash-heading>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.support-status{display:inline-block;font-size:11px;padding:5px 10px;color:#9c662a;background:#fcf1df;border-radius:20px;white-space:nowrap}.support-status.is-active{color:#21613c;background:#e1f3e6}.maintenance-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;align-items:start}.maintenance-grid .card{margin:0;padding:22px;border-radius:15px;background:#fff;box-shadow:0 6px 22px #15364d08}.maintenance-grid h2{font-size:20px;letter-spacing:-.025em;line-height:1.3;margin:0 0 7px}.maintenance-grid h3{font-size:14px;margin-bottom:5px}.dash-sub{font-size:12px;color:#6c7e8b;margin:0 0 17px}.check-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:9px;margin:22px 0}.check-tile{padding:13px 7px;border-radius:10px;background:#f0f2f5;text-align:center;overflow-wrap:anywhere;color:#596674}.check-tile span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:20px;line-height:1;margin:0 auto 8px}.check-tile.complete{background:#e2f4e6;color:#19592e}.check-tile.complete span{background:#2a9845;color:#fff;font-size:15px}.check-tile b{display:block;font-size:12px;line-height:1.3}.check-tile small{font-size:9px;display:block;margin-top:5px;color:inherit}.check-progress{height:10px;background:#e6e9ed;border-radius:10px;overflow:hidden;margin-bottom:9px}.check-progress span{display:block;height:100%;width:var(--progress);background:linear-gradient(90deg,#cf7027,#e78a37);border-radius:inherit;transform-origin:left;animation:portal-progress .7s ease-out both}.recent-work{border-top:1px solid #e1e7eb;margin-top:24px;padding-top:23px}.card-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.card-title-row h2{margin:0 0 13px}.text-action{color:#b76627;font-size:11px;font-weight:700;white-space:nowrap}.work-timeline{list-style:none;padding:0 0 0 20px;margin:16px 0 0}.work-timeline li{position:relative;border-left:1px solid #e3b48b;padding:0 0 23px 22px;overflow-wrap:anywhere}.work-timeline li:last-child{border-left-color:transparent;padding-bottom:0}.work-timeline li:before{content:"";position:absolute;left:-5px;top:5px;width:9px;height:9px;background:#d67f38;border-radius:50%}.work-timeline time{display:block;font-size:10px;color:#7d8b96;margin-bottom:5px}.work-timeline strong{font-size:13px}.work-timeline p{font-size:12px;color:#6b7a86;margin:5px 0 0}.dashboard-aside{display:grid;gap:20px}.empty-dashboard{font-size:12px;color:#758391;line-height:1.6}.history-chart{display:flex;gap:10px;height:190px;margin:24px 0 0}.chart-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:#8b97a0;padding-bottom:23px;width:16px}.chart-columns{display:flex;gap:9px;flex:1;border-bottom:1px solid #d5dfe6;min-width:0}.chart-column{display:flex;flex:1;flex-direction:column;align-items:center;min-width:0;position:relative}.bar-value{height:20px;font-size:11px;color:#73818d}.bar-track{height:146px;width:100%;display:flex;align-items:flex-end;border-bottom:1px solid #dee5eb;background:repeating-linear-gradient(to top,transparent 0 35px,#eef2f5 35px 36px)}.history-bar{display:block;width:100%;height:var(--bar-height);background:linear-gradient(#ed9a52,#d4782e);border-radius:5px 5px 0 0;transform-origin:bottom;animation:portal-bar .7s ease-out both}.no-record .bar-track{border:1px dashed #edf1f4;border-bottom-color:#d5dfe6;background:none}.bar-label{font-size:10px;margin-top:7px;color:#5f7180}.chart-footnote{font-size:10px;color:#7b8b96;margin:18px 0 0}.support-card p{font-size:13px;color:#657785}.support-card .btn{float:none;margin-top:10px}.dashboard-caption{padding:14px 18px;border:1px solid #dcecf1;border-radius:12px;background:#e8f5f8;color:#386878;font-size:12px;margin-top:22px}.preserve-lines{white-space:pre-wrap}.portal-content a:focus-visible{outline:3px solid #da9d6d;outline-offset:3px}.client-header .brand:focus-visible{outline-color:#fff}
@keyframes portal-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes portal-bar{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(max-width:1150px){.workspace{grid-template-columns:190px minmax(0,1fr)}.portal-content{padding-left:20px;padding-right:20px}.portal-hero-premium{margin-left:-20px;margin-right:-20px}.portal-hero-metrics{width:90%}.maintenance-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.check-tiles{grid-template-columns:repeat(auto-fit,minmax(65px,1fr))}.dash-heading{align-items:flex-start}.dash-heading h2 small{display:block;border:0;padding:0;margin:4px 0}.card-title-row{flex-wrap:wrap}}
@media(max-width:960px){.maintenance-grid{grid-template-columns:1fr}.dashboard-aside{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.portal-hero-metrics{width:100%;gap:8px}.portal-hero-metrics>div{padding:12px 10px}.portal-hero-copy{max-width:78%}.portal-shield{width:52%;opacity:.7}.dash-heading{flex-wrap:wrap}}
@media(max-width:760px){.workspace{display:block}.client-header{padding:0 18px;height:65px}.client-header-right strong{display:none}.client-header-right{gap:12px}.portal-nav{display:flex;flex-wrap:nowrap;overflow:auto;gap:5px;padding:10px;border-bottom:1px solid var(--line)}.portal-nav a{white-space:nowrap;border-left:0;border-bottom:2px solid transparent;font-size:11px;margin:0;padding:10px 12px}.portal-nav a.active{border-left:0;border-bottom-color:#cf762b}.portal-nav-icon{font-size:16px;width:auto}.portal-content{padding:0 16px 28px}.portal-hero-premium{margin:0 -16px 20px;padding:25px 18px;min-height:0}.portal-hero-copy{max-width:85%}.portal-hero-copy h1{font-size:25px}.portal-hero-copy p{font-size:13px}.portal-hero-metrics{gap:7px;margin-top:24px}.portal-hero-metrics strong{font-size:21px}.portal-hero-metrics>div{font-size:10px;gap:6px;padding:11px 8px}.metric-symbol{display:none}.dashboard-aside{grid-template-columns:1fr}.maintenance-grid .card{padding:20px}.dash-heading h2{font-size:24px}.dash-heading>div{gap:8px}.check-tiles{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.portal-shield{width:62%;right:-12%;opacity:.55}.portal-hero-premium .crits-sr{display:none}.client-header .brand{font-size:25px}.client-header-right a{font-size:11px}.card-title-row h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.check-progress span,.history-bar{animation:none}}
@media(max-width:480px){.check-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-shield{mask-image:linear-gradient(90deg,transparent,#000 65%);opacity:.45}}

/* Locked navigation remains a usable path to billing, never to LogMeIn. */
.portal-nav a.remote-locked,.portal-nav a.remote-locked:hover{background:#edf0f2;color:#6e7b86;border-left-color:#b7c0c8;box-shadow:none}.portal-nav a.remote-locked .portal-nav-icon{filter:grayscale(1);opacity:.6}.portal-nav a.remote-locked::after{content:"Locked";font-size:10px;margin-left:auto;letter-spacing:.3px}.remote-hold{line-height:1.7}.remote-hold a{font-weight:700;text-decoration:underline;color:inherit}.remote-access-blocked{background:#f1f3f5;border-radius:10px;padding:20px;color:#526170}

.quarterly-maintenance{border-top:1px solid #e1e7eb;margin-top:22px;padding-top:18px}
.quarterly-period+.quarterly-period{border-top:1px solid #e1e7eb;padding-top:12px}
.quarterly-maintenance .check-tiles{margin:10px 0 14px}
.quarterly-maintenance .dash-sub{margin-bottom:8px}

.crits-tenure{--tenure-accent:#efbb91;display:inline-flex;align-items:center;gap:9px;max-width:100%;margin-top:13px;padding:5px 11px 5px 7px;border:1px solid #efbb9155;border-radius:9px;background:#102b3dee;color:var(--tenure-accent)}
.crits-tenure-3{--tenure-accent:#d7e6f3;border-color:#d7e6f355}
.crits-tenure-5,.crits-tenure-10{--tenure-accent:#f4d487;border-color:#f4d48777}
.crits-tenure-7{--tenure-accent:#ffb55c;border-color:#ffb55c90;background:#0b2639}
.crits-tenure-earned {
 position:relative;
 isolation:isolate;
 overflow:hidden;
 background-image:linear-gradient(116deg,#ffffff21 0%,#ffffff05 32%,#ffffff16 49%,transparent 69%);
 box-shadow:inset 0 1px 0 #ffffff29,0 3px 12px #03121c70;
}
.crits-tenure-earned > *{position:relative;z-index:1}
.crits-tenure-earned .crits-tenure-shield{filter:drop-shadow(0 0 3px var(--tenure-accent))}
@media (prefers-reduced-motion:no-preference) {
 .portal-hero.has-motion .crits-tenure-earned:not(.crits-tenure-secondary)::before {
  content:"";
  position:absolute;
  inset:0 auto 0 -60%;
  width:48%;
  pointer-events:none;
  background:linear-gradient(113deg,transparent 14%,#fff2 40%,#fff7 52%,#fff2 63%,transparent 82%);
  opacity:0;
  animation:crits-tenure-shine 1.15s ease-in-out .3s;
 }
}
@keyframes crits-tenure-shine {
 0%{transform:translateX(0);opacity:0}
 26%,70%{opacity:1}
 100%{transform:translateX(350%);opacity:0}
}
.crits-tenure-shield{flex:none;width:26px;height:30px}
.crits-tenure-shield-fill{fill:#112d42;stroke:currentColor;stroke-width:1.6}
.crits-tenure-shield-detail{fill:none;stroke:currentColor;stroke-width:.65;opacity:.75}
.crits-tenure-shield text{font:700 13px system-ui,sans-serif}
.crits-tenure-copy{display:flex;flex-direction:column;line-height:1.27;padding:1px 2px}
.crits-tenure-copy strong{font-size:12px;letter-spacing:.01em}
.crits-tenure-copy span{color:#dce9f3;font-size:11px}
@media (max-width:760px) {
 .crits-tenure-secondary{gap:5px;margin-top:9px;padding:3px 7px 3px 5px;border-radius:7px}
 .crits-tenure-secondary .crits-tenure-shield{width:17px;height:20px}
 .crits-tenure-secondary .crits-tenure-copy strong{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
 }
}
.portal-content .crits-anniversary{padding:20px 24px;border-left:4px solid #c87936;background:#fffaf4}
.crits-anniversary .crits-anniversary-kicker{margin:0;color:#8e4b1d;font-weight:750;font-size:11px;letter-spacing:.04em}
.crits-anniversary h2{margin:5px 0 8px}
.crits-anniversary p{margin:0 0 8px;max-width:62ch}
.crits-anniversary .crits-anniversary-signature{margin:0;font-weight:650}

.guest-connection label {
    display: block;
    margin-bottom: 6px;
    font-weight: 700;
}
.guest-connection input {
    width: 12rem;
    max-width: 100%;
    min-height: 44px;
    padding: 8px 12px;
    border: 1px solid #aebdca;
    border-radius: 7px;
    background: #fbfcfd;
    color: var(--ink);
    font: inherit;
    font-size: 16px;
    font-variant-numeric: tabular-nums;
}
.guest-connection .btn { min-height: 44px; }
.guest-connection :is(input, .btn):focus-visible { outline: 2px solid #28618b; outline-offset: 3px; }
.guest-connection input[aria-invalid="true"] { border-color: #9b382d; }
#crits-guest-key-error { margin: 6px 0 0; color: #9b382d; }
#crits-guest-key-error:empty { margin: 0; }