.portal-body{background:#f4f1eb}.portal-body main{max-width:1160px}.login-shell{display:grid;grid-template-columns:1fr 1fr;min-height:650px;margin:4vh auto;border-radius:24px;overflow:hidden;background:white;box-shadow:0 24px 90px #3c302814}.brand-panel{position:relative;isolation:isolate;overflow:hidden;background:#3b3028;color:#f7eee1;padding:44px;display:flex;flex-direction:column;justify-content:space-between}.brand-panel:before,.brand-panel:after{content:"";position:absolute;border:1px solid #b89b7138;border-radius:50%;z-index:-1;width:440px;height:440px;right:-170px;top:50px;transform:rotate(-25deg)}.brand-panel:after{width:520px;height:520px;right:-210px;top:10px;box-shadow:0 0 0 40px #b89b7109,0 0 0 80px #b89b7108}.wordmark{font:36px Georgia,serif;letter-spacing:7px;line-height:1.1}.wordmark span{display:block;font:9px system-ui;letter-spacing:3px;margin-top:7px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600}.brand-copy{padding:70px 0}.brand-copy .eyebrow{color:#cbb493}.brand-copy h1{font:44px/1.17 Georgia,serif;letter-spacing:-1px;margin:22px 0}.brand-copy p{font-size:15px;line-height:1.8;color:#d2c7b9}.brand-foot{display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:2px;color:#cbbda9}.seal{font:25px Georgia;border:1px solid #ad9877;border-radius:50%;width:44px;height:44px;display:grid;place-items:center}.login-panel{padding:clamp(28px,5vw,64px);display:flex;flex-direction:column;justify-content:center}.login-panel h2{font:38px Georgia;margin:16px 0}.login-panel form{margin-top:26px;gap:19px}.login-panel input{padding:14px;background:#fcfbf9}.login-panel form>.primary{padding:15px;display:flex;justify-content:space-between}.login-help{font-size:12px;color:#898178;margin:24px 0 12px}.back-link{font-size:12px;color:#726452}.portal-header{padding-bottom:22px;border-bottom:1px solid #dcd4c8;margin-bottom:30px}.portal-header .wordmark{font-size:28px}.welcome-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.welcome-row h1{font:34px Georgia;margin-top:10px}.portal-body .card{border-color:#e6dfd5;box-shadow:0 4px 16px #45342604}.portal-body .card.earnings{background:#3b3028;color:white}.portal-body .metric{font:34px Georgia}.campaign-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.campaign-head h2{font:24px Georgia}.code{font-family:monospace;font-size:14px;padding:6px 12px;background:#f1ebe2;border-radius:8px;display:inline-block}.portal-note{font-size:12px;color:#898178;text-align:center;padding:20px}.table-heading{font-size:14px;margin-top:20px}.campaign-card summary{cursor:pointer;font-size:13px;font-weight:600;padding:12px 0}.campaign-card .grid .card{background:#faf8f5}.campaign-card .metric{font-size:27px}.portal-body .table{border:0}.portal-body td{font-size:13px}.portal-body .notice{font-size:13px}@media(max-width:720px){.portal-body main{padding:14px}.login-shell{grid-template-columns:1fr;margin:0;min-height:0;border-radius:18px}.brand-panel{padding:25px 27px;min-height:215px}.brand-panel>.wordmark{font-size:28px}.brand-copy{padding:26px 0 0}.brand-copy h1{font-size:32px;margin:10px 0}.brand-copy p,.brand-foot,.brand-copy .eyebrow{display:none}.brand-panel:before{top:-120px;right:-100px}.brand-panel:after{top:-160px;right:-140px}.login-panel{padding:28px 25px}.login-panel h2{font-size:29px;margin:10px 0}.login-panel .eyebrow{font-size:9px}.login-panel form{margin-top:18px}.login-panel input{font-size:16px}.welcome-row{align-items:flex-start;flex-direction:column}.welcome-row h1{font-size:29px}.welcome-row button{width:100%}.portal-header{margin-top:8px}.portal-body #totals{grid-template-columns:1fr 1fr}.portal-body #totals .earnings{grid-column:1/-1}.portal-body .metric{font-size:28px}.campaign-card{padding:17px!important}.campaign-card .grid{grid-template-columns:1fr 1fr}.campaign-card .grid .card:last-child{grid-column:1/-1}.campaign-card .metric{font-size:24px}.login-help{line-height:1.7}}
.portal-body h1,.portal-body h2,.portal-body .code,.portal-body .metric{overflow-wrap:anywhere}.portal-body .code{max-width:100%}.portal-body #totals .card:not(.earnings) .metric{font-size:clamp(20px,5vw,30px)}

