@font-face{font-family:PaymentManrope;src:url('/assets/fonts/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
body.student-payments{color-scheme:light;--portal-bg:#f9fbf8;--portal-card:#ffffffdc;--portal-ink:#0b1117;--portal-muted:#566272;--portal-line:#dbe3de;--portal-lime:#34783f;background:#fafcf9 url('/assets/redesign/student-payments-ribbon.webp') center/cover fixed no-repeat;font-family:PaymentManrope,Arial,sans-serif;min-height:100svh}
.student-payments .portal-nav{max-width:1260px;padding:26px 0 30px}.student-payments .wordmark span{display:none}.student-payments .portal-nav .wordmark img{width:220px;filter:none;content:url('/assets/branding/payments-home-lockup.png')}.student-payments .portal-nav>a:last-child{gap:20px;color:var(--portal-muted)}.student-payments .portal-nav>a:last-child::after{content:'→';color:#276938;font-size:24px}
.student-payments .portal-content{max-width:1260px;padding:20px 0 26px;min-height:0}.student-payments .portal-toolbar{justify-content:flex-start;gap:15px;margin:0 0 44px}.student-payments .portal-toolbar nav{gap:15px}.student-payments .portal-toolbar-actions{gap:15px}.student-payments .portal-toolbar button,.student-payments .portal-toolbar a{border-color:#cbd2d1;padding:10px 23px;font-size:14px;color:#505c6c;background:#ffffff80}.student-payments .portal-toolbar [aria-current=page]{background:linear-gradient(110deg,#294c53,#3d7141);color:white;border-color:transparent}
.student-payments .student-payment-title{font-size:clamp(42px,4.8vw,74px);font-weight:800;line-height:.94;letter-spacing:-.055em;margin:0 0 22px}.student-payment-title span{color:#3f7c41;background:linear-gradient(110deg,#61a746,#2a6339);background-clip:text;-webkit-text-fill-color:transparent}.student-payment-title+p{font-size:19px;margin:0 0 18px}
.student-payments .student-offers{display:grid;grid-template-columns:1fr;gap:22px}.student-payments .student-offer{position:relative;isolation:isolate;overflow:hidden;min-height:370px;padding:38px 46px;background:#ffffffdc;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:end;gap:30px;border-radius:22px;box-shadow:0 12px 35px #365e3510}.student-offer::before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/redesign/student-payments-ribbon.webp') center 65%/cover no-repeat;mask-image:linear-gradient(90deg,transparent 40%,#000 85%)}.student-payments .offer-mark{position:absolute;right:40px;top:28px;width:54px;height:54px}.student-payments .offer-details h2{font-size:30px;letter-spacing:-1.2px;font-weight:750;margin:0 0 2px}.student-payments .offer-details h2+p{font-size:17px;margin:0 0 23px}.student-payments .portal-price{font-size:46px;line-height:1.3;font-weight:600;letter-spacing:-1.7px;margin:26px 0 18px}.student-payments .portal-price small{font-size:22px;font-weight:400;letter-spacing:-.4px}.student-payments .student-offer ul{margin:0;padding-left:29px;font-size:17px}.student-payments .student-offer li{margin:7px 0}.student-offer li::marker{color:#6ba94a}.student-payments .offer-terms{border-top:1px solid var(--portal-line);font-size:13px;padding-top:18px;margin:14px 0 0;max-width:560px}.student-payments .student-offer .portal-primary{background:linear-gradient(100deg,#c1f44e,#d4ff62);color:#10200b!important;min-height:66px;padding:18px 32px;font-size:12px;text-transform:uppercase;letter-spacing:.2em;justify-content:center;gap:20px;box-shadow:0 10px 25px #31532714}.student-offer .portal-primary span{font-size:25px;letter-spacing:0}.student-payments .portal-notice{background:#f0f6e9;color:#354c38}.student-payments .student-receipts{border:1px solid var(--portal-line);border-radius:22px;padding:24px 46px;margin-top:20px;background:#ffffffbd}.student-payments .student-receipts h2{font-weight:750;font-size:20px;margin:0 0 2px;letter-spacing:-.5px}.student-payments .student-receipts>p{margin:0;font-size:14px}.student-payments .portal-footer{max-width:1260px;padding:20px 0;font-size:11px}.student-payments .portal-footer::before{content:'Swingcircle';letter-spacing:.16em}.student-payments .portal-footer span{margin-left:auto}.student-payments .portal-footer a{min-height:24px}.student-payments .portal-panel{overflow-wrap:anywhere}.student-payments :focus-visible{outline:3px solid #377143;outline-offset:4px}
@media(max-width:1360px){.student-payments .portal-nav,.student-payments .portal-content,.student-payments .portal-footer{margin-left:5%;margin-right:5%}.student-payments .portal-toolbar{gap:10px}.student-payments .portal-toolbar nav,.student-payments .portal-toolbar-actions{gap:8px}.student-payments .portal-toolbar button,.student-payments .portal-toolbar a{padding:10px 16px}}
@media(max-width:760px){body.student-payments{background-attachment:scroll}.student-payments .portal-nav{padding:24px 0;gap:16px}.student-payments .portal-nav .wordmark img{width:165px}.student-payments .portal-nav>a:last-child{font-size:12px;gap:8px}.student-payments .portal-toolbar{margin-bottom:32px}.student-payments .portal-toolbar nav{width:auto}.student-payments .portal-toolbar button,.student-payments .portal-toolbar a{font-size:12px;padding:10px 14px}.student-payments .student-payment-title{font-size:48px}.student-payment-title+p{font-size:16px}.student-payments .student-offer{grid-template-columns:1fr;padding:28px 24px;gap:20px}.student-payments .offer-details h2{font-size:25px;padding-right:34px}.student-payments .offer-mark{width:32px;height:32px;top:28px;right:20px}.student-payments .portal-price{font-size:36px}.student-payments .portal-price small{font-size:18px}.student-payments .student-offer .portal-primary{width:100%;font-size:10px;letter-spacing:.12em;padding:16px;gap:12px}.student-payments .student-receipts{padding:24px}.student-payments .portal-footer{flex-wrap:wrap;gap:10px}.student-payments .portal-footer span{margin-left:0}.student-offer::before{opacity:.3}}
@media(prefers-reduced-motion:reduce){.student-payments *{transition:none!important}}
body.student-payments{background-image:linear-gradient(180deg,#fafcf9 0%,#fafcf9ed 15%,#fafcf900 40%),url('/assets/redesign/student-payments-ribbon.webp')}.student-payments .offer-mark{background:#f8fcf3;border-radius:50%;padding:2px}