:root{--ink:#17211b;--muted:#69736c;--paper:#f7f7f2;--card:#fffefa;--line:#dce1d8;--green:#1c6b46;--green-dark:#125237;--mint:#dff1e5;--orange:#e86f3a}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{color:var(--ink);background:radial-gradient(circle at 14% 16%, #dff1e5e6, transparent 27rem), linear-gradient(115deg, transparent 0 63%, #e86f3a0f 63% 64%, transparent 64%), var(--paper);min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}.page-shell{grid-template-columns:minmax(0,.88fr) minmax(480px,.72fr);align-items:center;gap:clamp(3rem,8vw,9rem);max-width:1340px;min-height:100vh;margin:0 auto;padding:clamp(2rem,6vw,5.5rem);display:grid}.intro{max-width:610px}.brand-mark{color:#fff;background:var(--ink);width:46px;height:46px;box-shadow:8px 8px 0 var(--orange);border-radius:14px;place-items:center;margin-bottom:3.2rem;font-size:1.25rem;font-weight:800;display:grid}.eyebrow,.kicker{color:var(--green);letter-spacing:.2em;margin:0 0 1rem;font-size:.72rem;font-weight:800}h1{letter-spacing:-.052em;max-width:740px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.2rem,6vw,6.4rem);font-weight:500;line-height:.96}.lede{color:var(--muted);max-width:590px;margin:2rem 0 3rem;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.7}.flow{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1rem;margin:0;padding-top:1.35rem;padding-left:0;list-style:none;display:grid}.flow span{color:var(--orange);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;font-weight:700}.flow p{color:var(--muted);margin:.45rem 0 0;font-size:.84rem}.form-card{background:var(--card);border:1px solid #17211b17;border-radius:28px;padding:clamp(1.6rem,4vw,3rem);position:relative;box-shadow:0 30px 80px #1e2f251f}.form-card:before{content:"";pointer-events:none;border:1px solid #17211b0b;border-radius:20px;position:absolute;inset:10px}.form-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex;position:relative}.form-heading h2{letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,3vw,2.45rem);font-weight:500}.kicker{margin-bottom:.55rem}.secure-pill{background:var(--mint);color:var(--green-dark);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .72rem;font-size:.7rem;font-weight:800;display:flex}.secure-pill span{background:var(--green);border-radius:50%;width:7px;height:7px}.payment-form{gap:1.22rem;display:grid;position:relative}.payment-form label,.form-field{color:#364139;letter-spacing:.02em;gap:.55rem;font-size:.78rem;font-weight:750;display:grid}.payment-form input,.payment-form textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fcfcf8;border-radius:12px;outline:none;padding:.9rem 1rem;transition:border-color .15s,box-shadow .15s,background .15s}.payment-form textarea{resize:vertical;min-height:88px}.payment-form input::placeholder,.payment-form textarea::placeholder{color:#a3aaa5}.payment-form input:focus,.payment-form textarea:focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 3px #1c6b461c}.amount-field{position:relative}.amount-field select{z-index:1;color:var(--green);background:var(--mint);letter-spacing:.08em;cursor:pointer;border:0;border-radius:8px;outline:none;padding:.62rem .55rem;font-size:.72rem;font-weight:850;position:absolute;top:50%;left:.42rem;transform:translateY(-50%)}.amount-field select:focus-visible{box-shadow:0 0 0 2px var(--green)}.amount-field input{padding-left:5.65rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.05rem;font-weight:700}.payment-form small{color:#89918b;font-size:.7rem;font-weight:500}.payment-form button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:space-between;align-items:center;margin-top:.4rem;padding:1rem 1.1rem;font-weight:750;transition:transform .15s,background .15s,box-shadow .15s;display:flex;box-shadow:0 12px 24px #1c6b4630}.payment-form button:hover:not(:disabled){background:var(--green-dark);transform:translateY(-1px)}.payment-form button:disabled{opacity:.66;cursor:wait}.payment-form button span:last-child{font-size:1.25rem}.status-slot{min-height:1.25rem}.status-slot p{margin:0;font-size:.78rem;font-weight:650}.success-message{color:var(--green)}.success-message span{background:var(--mint);border-radius:50%;place-items:center;width:19px;height:19px;margin-right:.35rem;display:inline-grid}.error-message{color:#a63830}@media (max-width:900px){.page-shell{grid-template-columns:1fr;gap:3rem;max-width:700px}.brand-mark{margin-bottom:2.4rem}}@media (max-width:560px){.page-shell{align-items:start;padding:1.35rem}h1{font-size:clamp(2.8rem,14vw,4.1rem)}.flow{grid-template-columns:1fr}.flow li{grid-template-columns:2rem 1fr;align-items:center;display:grid}.flow p{margin:0}.form-card{border-radius:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition:none}}