:root{--deep:#07212f;--navy:#0c3147;--panel:#103b53;--panel2:#0a2b3c;--blue:#46b3d8;--blue2:#69c6e6;--white:#f7fbfd;--mut:#b7c8d1;--line:rgba(105,198,230,.2);--danger:#ff9690;--success:#82dca6;--shadow:0 28px 80px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--deep)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 82% 5%,rgba(70,179,216,.12),transparent 29rem),linear-gradient(180deg,#061b27 0,#082635 60%,#061b27 100%);color:var(--white);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}.skip{position:fixed;left:18px;top:-80px;z-index:100;background:#fff;color:#06222f;padding:11px 16px;border-radius:10px;font-weight:700}.skip:focus{top:14px}.portal-head{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid rgba(105,198,230,.12);background:rgba(6,27,39,.83);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:relative;z-index:4}.portal-brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none}.portal-logo{height:52px;min-width:66px;padding:7px 11px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:15px;box-shadow:0 8px 24px rgba(0,0,0,.18)}.portal-logo img{display:block;max-height:38px;max-width:47px}.portal-wordmark{display:flex;flex-direction:column}.portal-wordmark strong{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.055em;font-size:1.03rem}.portal-wordmark small{color:var(--mut);font-size:.72rem;margin-top:2px}.portal-back{display:flex;align-items:center;gap:8px;color:var(--white);text-decoration:none;font-size:.88rem;font-weight:650;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:10px 16px;transition:.2s}.portal-back svg{width:17px;fill:none;stroke:currentColor;stroke-width:2}.portal-back:hover{background:rgba(255,255,255,.07);border-color:var(--blue2)}main{position:relative;overflow:hidden;min-height:calc(100vh - 88px);padding:70px 22px 82px}.portal-waves{position:absolute;inset:0;pointer-events:none;opacity:.38}.portal-waves svg{position:absolute;width:130%;height:240px;left:-15%;top:48px;fill:none;stroke:rgba(105,198,230,.2);stroke-width:3}.portal-waves svg+svg{top:76px;stroke:rgba(70,179,216,.14);transform:scaleX(-1)}.portal-intro,.portal-shell{position:relative;z-index:1;width:min(100%,1120px);margin:0 auto}.portal-intro{text-align:center;max-width:820px}.portal-kick{display:inline-flex;align-items:center;gap:9px;color:var(--blue2);font-family:"Oswald",sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.portal-kick i{width:26px;height:9px;display:inline-block;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='10' viewBox='0 0 30 10'%3E%3Cpath d='M0 4c3-4 6 4 9 0s6 4 9 0 6 4 9 0' fill='none' stroke='%2369c6e6' stroke-width='2.2'/%3E%3C/svg%3E") center/contain no-repeat}.portal-kick.centered{justify-content:center}.portal-intro h1{font-family:"Anton",sans-serif;font-weight:400;font-size:clamp(2.45rem,6vw,4.75rem);line-height:.98;letter-spacing:.005em;margin:17px 0}.portal-intro h1 em{color:var(--blue2);font-style:normal}.portal-intro>p{color:var(--mut);font-size:clamp(1rem,2vw,1.18rem);line-height:1.65;margin:0 auto;max-width:650px}.trust-row{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 18px;margin-top:27px}.trust-row span{display:flex;align-items:center;gap:7px;color:#d4e1e7;font-size:.77rem}.trust-row svg{width:16px;height:16px;fill:none;stroke:var(--blue2);stroke-width:2}.portal-shell{margin-top:42px;background:linear-gradient(145deg,rgba(16,59,83,.98),rgba(8,40,56,.98));border:1px solid rgba(105,198,230,.32);border-radius:30px;box-shadow:var(--shadow);overflow:hidden}.portal-state{text-align:center;padding:58px max(24px,8vw) 62px;max-width:860px;margin:0 auto}.state-icon,.dialog-icon{width:64px;height:64px;margin:0 auto 18px;border-radius:20px;background:rgba(70,179,216,.12);border:1px solid rgba(105,198,230,.25);display:flex;align-items:center;justify-content:center;color:var(--blue2)}.state-icon svg,.dialog-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.state-icon.success{color:var(--success);background:rgba(130,220,166,.1);border-color:rgba(130,220,166,.28)}.state-icon.warning{color:#ffc27d;background:rgba(255,194,125,.1);border-color:rgba(255,194,125,.25)}.portal-state h2,.account-head h2{font-family:"Anton",sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.015em;font-size:clamp(2rem,4vw,3rem);line-height:1.05;margin:11px 0}.state-copy{max-width:610px;margin:0 auto;color:var(--mut);font-size:.98rem;line-height:1.68}.access-form{margin:30px auto 0;max-width:680px;text-align:left}.access-form>label,.dialog-field label{display:block;font-family:"Oswald",sans-serif;color:var(--blue2);font-weight:600;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;margin:0 4px 8px}.email-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.email-field{position:relative}.email-field svg{position:absolute;left:17px;top:50%;width:19px;height:19px;transform:translateY(-50%);fill:none;stroke:var(--blue2);stroke-width:1.8;pointer-events:none}.email-field input,.dialog-field input{width:100%;min-height:58px;color:#fff;background:rgba(255,255,255,.055);border:1.5px solid rgba(255,255,255,.16);border-radius:15px;padding:13px 16px 13px 49px;outline:none;transition:.2s}.dialog-field input{padding-left:16px}.email-field input::placeholder,.dialog-field input::placeholder{color:rgba(255,255,255,.43)}.email-field input:focus,.dialog-field input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(70,179,216,.11);background:rgba(70,179,216,.065)}.primary-btn,.secondary-btn,.text-btn{border:0;cursor:pointer;text-decoration:none}.primary-btn{min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:15px;padding:14px 23px;background:linear-gradient(135deg,var(--blue2),var(--blue));color:#06222f;font-weight:750;box-shadow:0 12px 27px rgba(70,179,216,.24);transition:transform .2s,box-shadow .2s,filter .2s}.primary-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.3}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(70,179,216,.34)}.primary-btn:disabled{opacity:.55;cursor:wait;transform:none;box-shadow:none}.form-help{color:#8fa7b4;font-size:.76rem;line-height:1.5;margin:10px 4px 0}.form-error{color:#ffd0cd;font-size:.83rem;line-height:1.5;margin:10px 4px 0;padding:10px 13px;background:rgba(255,105,95,.1);border:1px solid rgba(255,150,144,.25);border-radius:10px}.trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.state-actions{margin-top:28px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.text-btn{background:none;color:var(--blue2);font-weight:650;padding:12px}.text-btn:hover{text-decoration:underline}.portal-spinner{width:58px;height:58px;margin:0 auto 22px;border:4px solid rgba(105,198,230,.15);border-top-color:var(--blue2);border-radius:50%;animation:spin .85s linear infinite}.loading-bars{display:grid;gap:9px;margin:30px auto 0;max-width:470px}.loading-bars i{height:10px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(105,198,230,.23),rgba(255,255,255,.04));background-size:240% 100%;animation:shimmer 1.3s linear infinite}.loading-bars i:nth-child(2){width:77%}.loading-bars i:nth-child(3){width:58%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-240% 0}}#portal-view{padding:36px}.account-head{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;padding:4px 4px 29px;border-bottom:1px solid var(--line)}.account-head h2{text-transform:none;font-size:clamp(2.1rem,4vw,3.35rem);margin:8px 0 3px}.account-head p{margin:0;color:var(--mut);font-size:.88rem}.account-session{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.account-session span{display:flex;align-items:center;gap:7px;color:var(--success);font-family:"Oswald",sans-serif;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.account-session span i{width:8px;height:8px;background:var(--success);border-radius:50%;box-shadow:0 0 0 5px rgba(130,220,166,.1)}.account-session small{color:var(--mut)}.account-session button{border:0;background:none;color:var(--blue2);cursor:pointer;padding:6px 0;font-weight:650;font-size:.78rem}.account-session button:hover{text-decoration:underline}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:25px 0 34px}.summary-grid article{padding:21px 22px;border:1px solid var(--line);border-radius:18px;background:rgba(3,23,34,.34);min-width:0}.summary-grid span{display:block;color:var(--mut);font-size:.74rem;line-height:1.35}.summary-grid strong{display:block;font-family:"Oswald",sans-serif;font-size:1.85rem;line-height:1.2;margin:9px 0 5px}.summary-grid small{display:block;color:#829ba8;font-size:.68rem;line-height:1.35}.giving-section{margin-top:27px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:15px}.section-head h3{font-family:"Anton",sans-serif;font-weight:400;font-size:2rem;text-transform:uppercase;letter-spacing:.012em;margin:6px 0 3px}.section-head p{color:var(--mut);font-size:.82rem;line-height:1.45;margin:0}.section-count{flex:none;color:var(--blue2);font-family:"Oswald",sans-serif;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;padding:8px 11px;border:1px solid var(--line);background:rgba(70,179,216,.07);border-radius:999px}.monthly-list,.receipt-list{display:grid;gap:11px}.monthly-card{padding:22px;border:1px solid rgba(105,198,230,.2);border-radius:19px;background:linear-gradient(135deg,rgba(7,33,47,.7),rgba(13,48,66,.75))}.monthly-main{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(130px,.65fr) minmax(180px,.9fr);gap:22px;align-items:center}.monthly-title{display:flex;align-items:center;gap:13px}.monthly-symbol{width:43px;height:43px;border-radius:13px;display:flex;align-items:center;justify-content:center;color:var(--blue2);background:rgba(70,179,216,.11);border:1px solid rgba(105,198,230,.18);flex:none}.monthly-symbol svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}.monthly-title strong{display:block;font-size:1rem}.monthly-title small,.monthly-dates small{display:block;color:var(--mut);font-size:.75rem;line-height:1.45;margin-top:3px}.monthly-amount strong{font-family:"Oswald",sans-serif;font-size:1.45rem}.monthly-amount span{color:var(--mut);font-size:.72rem;margin-left:4px}.monthly-dates{text-align:right}.status-pill{display:inline-flex;align-items:center;gap:6px;color:var(--success);font-family:"Oswald",sans-serif;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.status-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status-pill.paused,.status-pill.deactivated{color:#ffc27d}.status-pill.canceled,.status-pill.completed{color:#9eb0ba}.pending-change{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:17px;padding:12px 13px;background:rgba(255,194,125,.08);border:1px solid rgba(255,194,125,.22);border-radius:12px;color:#ffd8aa;font-size:.77rem}.pending-change button{flex:none;background:none;border:0;color:#fff;text-decoration:underline;cursor:pointer;font-weight:650}.monthly-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.action-btn{min-height:38px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.04);color:#fff;padding:8px 14px;font-weight:650;font-size:.74rem;cursor:pointer;transition:.18s}.action-btn:hover{border-color:var(--blue2);background:rgba(70,179,216,.1)}.action-btn.danger{color:#ffc1bd;border-color:rgba(255,150,144,.33)}.action-btn.danger:hover{background:rgba(255,150,144,.09)}.empty-state{padding:28px;text-align:center;border:1px dashed rgba(105,198,230,.25);border-radius:18px;background:rgba(3,23,34,.2)}.empty-state svg{width:32px;height:32px;fill:none;stroke:var(--blue2);stroke-width:1.6}.empty-state strong{display:block;margin-top:9px}.empty-state p{color:var(--mut);font-size:.82rem;margin:5px 0 0}.receipts-section{margin-top:38px;padding-top:34px;border-top:1px solid var(--line)}.receipt-row{display:grid;grid-template-columns:minmax(155px,1.15fr) minmax(130px,.8fr) minmax(120px,.8fr) auto;align-items:center;gap:18px;padding:17px 18px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(3,23,34,.27)}.receipt-date strong,.receipt-method strong{display:block;font-size:.86rem}.receipt-date small,.receipt-method small{display:block;color:var(--mut);font-size:.72rem;margin-top:3px}.receipt-fund{font-size:.78rem;color:#d4e1e7}.receipt-total{text-align:right}.receipt-total strong{display:block;font-family:"Oswald",sans-serif;font-size:1.08rem}.receipt-total .refund{display:block;color:#ffb7b2;font-size:.66rem;margin-top:2px}.receipt-link{display:inline-flex;align-items:center;gap:6px;color:var(--blue2);font-size:.73rem;font-weight:700;text-decoration:none;margin-top:4px}.receipt-link svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2}.receipt-link:hover{text-decoration:underline}.help-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;margin-top:34px;padding:19px 20px;border-radius:17px;background:rgba(70,179,216,.09);border:1px solid rgba(105,198,230,.23)}.help-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(70,179,216,.12);color:var(--blue2)}.help-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.help-card strong{font-size:.86rem}.help-card p{color:var(--mut);font-size:.74rem;margin:3px 0 0}.help-card>a{color:var(--deep);background:var(--blue2);padding:10px 14px;border-radius:999px;font-weight:750;font-size:.75rem;text-decoration:none}.portal-foot{min-height:78px;padding:22px max(24px,calc((100vw - 1120px)/2));display:flex;justify-content:center;gap:12px 24px;flex-wrap:wrap;color:#8ba1ad;font-size:.72rem;border-top:1px solid rgba(105,198,230,.1);text-align:center}.portal-foot a{color:var(--blue2)}.manage-dialog{padding:0;border:0;border-radius:26px;background:transparent;color:#fff;width:min(92vw,590px);max-height:90vh}.manage-dialog::backdrop{background:rgba(1,12,18,.78);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.dialog-card{position:relative;padding:34px;background:linear-gradient(145deg,#123f57,#092b3d);border:1px solid rgba(105,198,230,.32);border-radius:26px;box-shadow:0 30px 100px rgba(0,0,0,.55);text-align:center}.dialog-close{position:absolute;top:16px;right:16px;width:38px;height:38px;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:rgba(255,255,255,.04);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.dialog-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}.dialog-icon{width:55px;height:55px;border-radius:17px;margin-bottom:15px}.dialog-card h2{font-family:"Anton",sans-serif;font-size:2.05rem;font-weight:400;text-transform:uppercase;margin:10px 0 7px}.dialog-copy{color:var(--mut);font-size:.88rem;line-height:1.55;margin:0 auto 22px;max-width:460px}.dialog-field{text-align:left;margin-top:13px}.dialog-field small{display:block;color:var(--mut);font-size:.72rem;line-height:1.45;margin-top:7px}.amount-input{position:relative}.amount-input span{position:absolute;left:17px;top:50%;transform:translateY(-50%);color:var(--blue2);font-weight:700}.amount-input input{padding-left:34px}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.secondary-btn{min-height:53px;border:1px solid rgba(255,255,255,.19);border-radius:14px;background:rgba(255,255,255,.04);color:#fff;padding:12px 16px;font-weight:700}.secondary-btn:hover{background:rgba(255,255,255,.08)}.dialog-note{display:flex;align-items:flex-start;justify-content:center;gap:7px;color:#86a0ae;font-size:.68rem;line-height:1.45;margin:17px 0 0}.dialog-note svg{width:14px;height:14px;flex:none;fill:none;stroke:var(--blue2);stroke-width:2}.dialog-error{text-align:left;margin-top:14px}.toast{position:fixed;z-index:120;right:22px;bottom:22px;display:flex;align-items:center;gap:10px;max-width:min(420px,calc(100vw - 44px));background:#f4fbf7;color:#16482a;border:1px solid #b5e7c7;border-radius:14px;padding:13px 17px;box-shadow:0 18px 55px rgba(0,0,0,.35);font-size:.82rem;font-weight:650}.toast svg{width:18px;height:18px;fill:none;stroke:#2f9e59;stroke-width:2.5}.primary-btn:focus-visible,.secondary-btn:focus-visible,.text-btn:focus-visible,.action-btn:focus-visible,.portal-back:focus-visible,.portal-brand:focus-visible,.help-card>a:focus-visible,.dialog-close:focus-visible,.account-session button:focus-visible,.pending-change button:focus-visible,.receipt-link:focus-visible{outline:3px solid rgba(105,198,230,.7);outline-offset:3px}
@media(max-width:780px){.portal-head{height:76px;padding:0 18px}.portal-logo{height:46px;min-width:57px;border-radius:13px}.portal-logo img{max-height:33px}.portal-wordmark small{display:none}.portal-back span{display:none}.portal-back{width:44px;height:44px;padding:0;justify-content:center}main{padding:49px 15px 62px}.portal-intro h1{font-size:clamp(2.45rem,12vw,3.7rem)}.trust-row{gap:9px 13px}.portal-shell{border-radius:23px;margin-top:32px}.portal-state{padding:42px 20px 46px}.email-row{grid-template-columns:1fr}.primary-btn{width:100%}#portal-view{padding:22px 16px 26px}.account-head{display:block}.account-session{align-items:flex-start;text-align:left;margin-top:19px}.summary-grid{grid-template-columns:1fr 1fr}.summary-grid article:first-child{grid-column:1/-1}.monthly-main{grid-template-columns:1fr 1fr}.monthly-dates{grid-column:1/-1;text-align:left;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.receipt-row{grid-template-columns:1fr auto;gap:11px 16px}.receipt-fund{grid-column:1}.receipt-method{grid-column:1}.receipt-total{grid-column:2;grid-row:1/4}.help-card{grid-template-columns:auto 1fr}.help-card>a{grid-column:1/-1;text-align:center}.dialog-card{padding:30px 20px}.dialog-actions{grid-template-columns:1fr}.dialog-actions .secondary-btn{order:2}.portal-foot{padding:22px 18px}.section-head{align-items:flex-start}.section-count{margin-top:4px}}
@media(max-width:430px){.portal-wordmark strong{font-size:.88rem}.portal-intro>p{font-size:.94rem}.trust-row{justify-content:flex-start;max-width:260px;margin-left:auto;margin-right:auto}.summary-grid{grid-template-columns:1fr}.summary-grid article:first-child{grid-column:auto}.monthly-main{grid-template-columns:1fr}.monthly-dates{grid-column:auto}.monthly-amount{padding-left:56px}.section-head{display:block}.section-count{display:inline-flex;margin-top:12px}.monthly-actions .action-btn{flex:1}.receipt-row{padding:15px}.state-icon{width:58px;height:58px}.portal-shell{border-radius:20px}.portal-back{border-radius:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portal-spinner,.loading-bars i{animation:none}.primary-btn,.portal-back{transition:none}}
.toast[hidden]{display:none}
.history-notice{display:flex;align-items:flex-start;gap:12px;margin:0 0 14px;padding:14px 16px;border:1px solid rgba(255,194,125,.24);border-radius:14px;background:rgba(255,194,125,.075);color:#f6dfc1}.history-notice[hidden]{display:none}.history-notice svg{width:20px;height:20px;flex:none;fill:none;stroke:#ffc27d;stroke-width:1.9}.history-notice strong{display:block;font-size:.82rem}.history-notice p{margin:3px 0 0;color:var(--mut);font-size:.74rem;line-height:1.48}.dialog-card[aria-busy="true"] .dialog-close,.dialog-card[aria-busy="true"] .secondary-btn{opacity:.45;cursor:wait}.dialog-close:disabled,.secondary-btn:disabled{pointer-events:none}