.project-intro{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:32px;border:1px solid #d9e8f8;border-radius:12px;background:#eaf3fc}.project-intro p{max-width:650px;margin-top:12px;color:#536c82}.project-intro .button{flex-shrink:0}.project-sample-note{margin:12px 0 26px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{display:flex;flex-direction:column;align-items:flex-start;gap:16px;background:white;border:1px solid var(--line);border-radius:12px;padding:26px;min-width:0}.project-card h2{font-size:21px}.project-card p{color:var(--muted);font-size:14px;line-height:1.65}.project-card .button{margin-top:auto}.project-status{font-size:11px;font-weight:600;border-radius:99px;padding:6px 10px;background:#f2f4f7;color:#56677a}.project-status.ready{background:#e7f5f0;color:#246955}.project-next{margin-top:28px;padding:28px;background:white;border:1px solid var(--line);border-radius:12px}.project-next h2{font-size:20px;margin-bottom:12px}.project-next p{color:var(--muted);max-width:920px}.payment-method{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:22px 0 16px}.payment-brand{font-size:25px;font-weight:750;letter-spacing:-.8px;color:#194bc7}.payment-description{color:var(--muted);font-size:14px;margin-bottom:20px}.payment-return{max-width:720px;margin:56px auto;background:white;border:1px solid var(--line);border-radius:16px;padding:38px}.payment-return h1{font-size:30px;margin:14px 0}.payment-return p{color:var(--muted)}.payment-return-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.payment-state{display:inline-flex;border-radius:99px;padding:7px 12px;background:#edf4fd;color:#275c99;font-size:12px;font-weight:650}.payment-state[data-tone="success"]{background:#e7f5f0;color:#246955}.payment-state[data-tone="warning"]{background:#fff2d9;color:#865818}.payment-detail{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);overflow-wrap:anywhere;font-size:13px}.return-header{padding:25px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.return-header .brand{font-size:24px}.payment-return small{display:block;margin-top:16px;color:var(--muted)}
@media(max-width:1000px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-intro{align-items:flex-start;flex-direction:column;gap:20px}}
@media(max-width:570px){.main-nav{gap:2px 22px;padding-block:6px;white-space:normal}.main-nav .nav-link{height:38px}}
@media(max-width:570px){.project-grid{grid-template-columns:1fr}.project-card,.project-intro,.project-next{padding:22px}.payment-method{align-items:flex-start;flex-direction:column}.payment-return{margin:28px auto;padding:24px}.payment-return h1{font-size:26px}.payment-return-actions{flex-direction:column}.return-header{gap:20px}.return-header>a:last-child{font-size:12px}.main-nav{flex-wrap:wrap}}