@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&display=swap');
:root{--ink:#47647b;--muted:#91a7b8;--blue:#a8d3f2;--blue-dark:#5b9fd4;--pale:#f7fbff;--pale2:#ffffff;--line:#e6eff7;--white:#fff;--cream:#ffffff;--shadow:0 18px 55px rgba(75,132,177,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Be Vietnam Pro',sans-serif;font-size:14px;line-height:1.75}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.topline{height:34px;background:#f7fbff;color:#6687a5;display:flex;align-items:center;justify-content:center;gap:9px;font:10px 'DM Mono',monospace;letter-spacing:.12em}.pulse{width:6px;height:6px;border-radius:50%;background:#72b4a1;box-shadow:0 0 0 4px #d2e9e1}.topline-note{margin-left:12px;opacity:.75}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:14px;letter-spacing:-.03em}.brand small{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#91a4b6;font-weight:500;margin-top:-3px}.brand-mark{width:37px;height:37px;border-radius:12px;background:#e9f6ff;color:#5d9fd1;display:grid;place-items:center;font-size:21px;font-weight:800}.nav nav{display:flex;gap:34px;color:#6d8499;font-size:12px}.nav nav a:hover,.text-link:hover{color:var(--blue-dark)}.nav-cta{border:1px solid var(--line);border-radius:30px;padding:10px 17px;font-size:11px;font-weight:700;background:#fff}.nav-cta span{color:var(--blue);margin-left:9px}.hero{min-height:570px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding-top:22px;padding-bottom:65px}.eyebrow,.section-kicker{font:10px 'DM Mono',monospace;letter-spacing:.16em;color:#7d9ab4}.eyebrow span{color:#69acd9;margin-right:8px}.hero h1{font-size:clamp(46px,6vw,76px);letter-spacing:-.075em;line-height:1.13;margin:22px 0 20px;font-weight:800}.hero h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:#6aaedc;letter-spacing:-.06em}.hero-lead{max-width:480px;color:#71879b;font-size:13px;line-height:2}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{border:0;border-radius:10px;padding:14px 20px;font:700 12px 'Be Vietnam Pro';cursor:pointer;transition:.2s}.button:hover{transform:translateY(-2px);filter:brightness(1.02)}.primary{background:#9fd0ef;color:white;box-shadow:0 9px 20px #397fb82a}.button span{margin-left:22px}.text-link{font-size:11px;color:#7790a5}.tiny-note{display:flex;align-items:center;gap:11px;margin-top:42px;color:#91a2b2;font-size:10px;line-height:1.7}.tiny-note b{color:#59738a;font-weight:600}.tiny-avatar{width:32px;height:32px;border-radius:50%;background:#e5f0fa;display:grid;place-items:center;color:#6599c5;font-size:17px}.hero-art{height:430px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #dceaf6;border-radius:50%;transform:rotate(-23deg)}.orbit-one{width:380px;height:280px}.orbit-two{width:450px;height:340px;transform:rotate(27deg);border-style:dashed;opacity:.7}.wallet{position:relative;width:230px;height:170px;background:linear-gradient(145deg,#acd4f2,#83b9e5);border-radius:23px;box-shadow:0 28px 55px #4e88b733;transform:rotate(-9deg);z-index:2;overflow:hidden}.wallet:after{content:"";position:absolute;width:280px;height:90px;border:1px solid #ffffff50;border-radius:50%;left:-30px;top:15px;transform:rotate(-20deg)}.wallet-flap{position:absolute;right:-10px;top:45px;width:95px;height:70px;border-radius:14px;background:#94c6e9;box-shadow:inset 0 1px #ffffff55}.wallet-dot{position:absolute;right:26px;top:72px;width:13px;height:13px;border-radius:50%;background:#dff2ff;z-index:2}.wallet-label{position:absolute;left:25px;bottom:22px;color:#f8fcff;font:10px 'DM Mono';letter-spacing:.16em;line-height:1.6}.wallet-star{position:absolute;right:22px;bottom:18px;color:#d6eaff;font-size:22px}.coin{position:absolute;z-index:3;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#f7fbff;border:1px solid #d8eafa;color:#6d9fc9;box-shadow:0 9px 20px #427ba51c;font-size:20px}.coin-a{top:92px;left:85px}.coin-b{right:75px;bottom:80px}.cloud{position:absolute;color:#78a9d0;font-size:23px}.cloud-a{top:70px;right:110px}.cloud-b{left:80px;bottom:78px}.art-caption{position:absolute;right:5px;bottom:50px;color:#9aafc0;font:10px 'DM Mono';line-height:1.7}.art-caption b{color:#588ab6}.art-sticker{position:absolute;left:15px;top:65px;background:#fff;border:1px solid #e5eef6;border-radius:9px;padding:8px 12px;box-shadow:var(--shadow);font:9px 'DM Mono';color:#7894ab;transform:rotate(-8deg)}.ticker{overflow:hidden;background:#f3faff;color:#7c9ab4;padding:11px 0;font:10px 'DM Mono';letter-spacing:.18em;white-space:nowrap}.ticker div{width:max-content;animation:marquee 32s linear infinite}.ticker span{padding:0 28px;color:#5b9bd1}@keyframes marquee{to{transform:translateX(-35%)}}.section{padding-top:105px;padding-bottom:105px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:25px}.story h2,.support-heading h2,.promise-title h2,.faq-wrap h2{font-size:clamp(32px,4vw,48px);line-height:1.25;letter-spacing:-.06em;margin:0}.story-text{color:#72879a;font-size:12px;line-height:2}.story-text p{margin:0 0 14px}.handwrite{font:italic 19px Georgia;color:#6a9dc7;margin-top:18px}.mini-stats{display:flex;gap:0;margin-top:60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.mini-stats div{flex:1;display:flex;align-items:center;gap:13px;border-right:1px solid var(--line);padding-left:25px}.mini-stats div:first-child{padding-left:0}.mini-stats div:last-child{border:0}.mini-stats b{font:28px Georgia;color:#5e9acb}.mini-stats span{font-size:10px;color:#91a3b3}.support-section{background:#f7fbff;padding:95px 0 105px;position:relative}.support-heading{display:flex;justify-content:space-between;align-items:end;margin:25px 0 42px}.support-heading p,.promise-title p,.faq-wrap>div:first-child>p{color:#7c91a4;font-size:12px;margin:14px 0 0}.support-aside{font-size:10px;line-height:1.9;color:#8da2b4;border-left:2px solid #c9deef;padding-left:15px;margin-bottom:7px}.pay-layout{display:grid;grid-template-columns:1.02fr .98fr;gap:22px;align-items:stretch}.amount-panel,.qr-panel{background:#fff;border:1px solid #e0ebf4;border-radius:16px;padding:27px;box-shadow:0 14px 40px #477da50d}.panel-top,.qr-head{display:flex;align-items:center;justify-content:space-between}.panel-top>span:first-child{font:10px 'DM Mono';letter-spacing:.12em;color:#7d96aa}.soft-tag{background:#eff6fc;color:#7a9bb8;border-radius:20px;padding:5px 10px;font-size:9px}.amounts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.amount{border:1px solid #e5edf4;background:#ffffff;border-radius:11px;text-align:left;padding:13px;cursor:pointer;color:var(--ink);transition:.2s}.amount:hover{border-color:#9dc3e3}.amount.selected{border-color:#6ea5d2;background:#f5fbff;box-shadow:inset 0 0 0 1px #6ea5d2}.amount>span{display:block;font-size:18px;margin-bottom:5px}.amount b{display:block;font-size:14px}.amount small{display:block;font-size:9px;color:#91a4b4;margin-top:2px}.custom-label{font-size:10px;color:#7890a4}.custom-input{height:45px;border:1px solid #e2ebf3;border-radius:9px;display:flex;align-items:center;padding:0 13px;margin-top:7px}.custom-input:focus-within{border-color:#79add6}.custom-input input{border:0;outline:0;flex:1;min-width:0;font:12px 'Be Vietnam Pro';color:var(--ink);background:transparent}.custom-input span{font:10px 'DM Mono';color:#9aabba}.selected-summary{display:flex;justify-content:space-between;margin:17px 0;color:#8a9cac;font-size:10px}.selected-summary b{color:#579fce;font-size:14px}.full{width:100%}.microcopy{font-size:9px;color:#9aabb9;line-height:1.7;margin:13px 0 0}.qr-head{justify-content:flex-start;gap:11px}.qr-icon{width:34px;height:34px;background:#eff9ff;border-radius:10px;display:grid;place-items:center;color:#69acd9;font-size:22px}.qr-head b,.qr-head small{display:block}.qr-head b{font-size:12px}.qr-head small{font-size:9px;color:#93a5b5}.secure{margin-left:auto;color:#78a998;font-size:9px}.qr-frame{height:210px;background:#fbfdff;border:1px dashed #d5eaf7;border-radius:12px;margin:20px 0;display:grid;place-items:center;overflow:hidden}.qr-placeholder{text-align:center;color:#88a2b8}.qr-symbol{width:52px;height:52px;border:1px solid #c6dced;border-radius:13px;display:grid;place-items:center;margin:0 auto 10px;font-size:25px;color:#6b9fca}.qr-placeholder b{display:block;font:10px 'DM Mono';letter-spacing:.13em}.qr-placeholder span{display:block;font-size:9px;line-height:1.7;margin-top:7px;color:#9aabba}.qr-placeholder code{color:#5c92bf;background:#eaf3fa;padding:2px 4px;border-radius:3px}.qr-frame img{width:190px;height:190px;object-fit:contain;background:white}.bank-details{border-top:1px solid #edf1f5}.bank-details>div{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #f0f3f6;gap:10px}.bank-details>div>span{font-size:9px;color:#93a5b5}.bank-details b{font-size:10px;text-align:right}.copy{border:0;background:#f1f9ff;color:#579fce;border-radius:5px;padding:4px 7px;font:9px 'Be Vietnam Pro';cursor:pointer;margin-left:7px}.qr-foot{font-size:9px;color:#9aabba;line-height:1.7;margin-top:12px}.promise-title{display:flex;justify-content:space-between;align-items:end;margin:25px 0 38px}.promise-title p{max-width:330px;line-height:1.9}.promise-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.promise-cards article{position:relative;background:#fff;border:1px solid #e9eef2;border-radius:13px;padding:24px;min-height:230px}.promise-cards article>span{position:absolute;right:20px;top:17px;font:10px 'DM Mono';color:#a4b6c5}.promise-icon{width:42px;height:42px;border-radius:12px;background:#f1f9ff;display:grid;place-items:center;color:#5f9ac8;font-size:20px;margin-bottom:18px}.promise-cards h3{font-size:13px;margin:0 0 8px}.promise-cards p{font-size:10px;color:#8398aa;line-height:1.9;margin:0}.faq-section{background:#f8fcff;padding:85px 0}.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-wrap h2{margin-top:22px}.faqs details{border-bottom:1px solid #dce7f0;padding:17px 0}.faqs summary{cursor:pointer;list-style:none;font-size:12px;font-weight:700;display:flex;justify-content:space-between}.faqs summary::-webkit-details-marker{display:none}.faqs summary:after{content:"+";font-size:17px;color:#6b9bc3;font-weight:400}.faqs details[open] summary:after{content:"−"}.faqs p{font-size:11px;line-height:1.9;color:#7e93a5;max-width:600px;margin:12px 25px 0 0}.footer{background:#f3faff;padding:28px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer p{font-size:10px;color:#7e97aa}.footer-inner>span{font:9px 'DM Mono';color:#9aabba}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#426783;color:#fff;padding:10px 17px;border-radius:8px;font-size:11px;opacity:0;pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}.modal{position:fixed;inset:0;background:#53758a35;display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:.25s;z-index:30}.modal.open{opacity:1;pointer-events:auto}.modal-card{position:relative;width:min(390px,100%);background:#fff;border-radius:18px;padding:40px;text-align:center;box-shadow:var(--shadow)}.modal-close{position:absolute;right:17px;top:12px;border:0;background:none;font-size:24px;color:#8ca0b2;cursor:pointer}.modal-spark{width:55px;height:55px;border-radius:16px;background:#eff9ff;color:#69acd9;display:grid;place-items:center;font-size:25px;margin:0 auto 20px}.modal-card h2{font-size:38px;line-height:1.1;letter-spacing:-.06em;margin:15px 0}.modal-card p{font-size:11px;color:#8297a8;line-height:1.9;margin-bottom:25px}
@media(max-width:760px){.wrap{width:min(100% - 34px,560px)}.nav{height:70px}.nav nav{display:none}.nav-cta{font-size:10px;padding:8px 11px}.hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:35px}.hero h1{font-size:55px}.hero-art{height:340px;margin-top:20px}.orbit-one{width:290px;height:220px}.orbit-two{width:340px;height:270px}.wallet{transform:scale(.83) rotate(-9deg)}.coin-a{left:calc(50% - 130px)}.coin-b{right:calc(50% - 145px)}.art-caption{right:0;bottom:25px}.art-sticker{left:0;top:35px}.section{padding-top:75px;padding-bottom:75px}.story-grid{grid-template-columns:1fr;gap:18px}.mini-stats{margin-top:35px}.mini-stats div{padding-left:12px;gap:7px}.mini-stats span{font-size:8px}.mini-stats b{font-size:23px}.support-section{padding:70px 0}.support-heading,.promise-title{display:block}.support-aside{margin-top:22px}.pay-layout{grid-template-columns:1fr}.promise-cards{grid-template-columns:1fr}.promise-cards article{min-height:0}.faq-wrap{grid-template-columns:1fr;gap:28px}.footer-inner{flex-wrap:wrap}.footer p{order:3;width:100%;margin:0}.footer-inner>span{font-size:8px}.amount-panel,.qr-panel{padding:20px}.support-heading h2,.promise-title h2{font-size:40px}}
@media(max-width:380px){.hero h1{font-size:46px}.amounts{gap:7px}.amount{padding:10px}.amount b{font-size:12px}.amount small{font-size:8px}.nav-cta{font-size:9px}.brand{font-size:12px}}
\n.thanks-button{margin-top:14px;background:#f0f9ff;color:#579fce;box-shadow:none}.thanks-button:hover{background:#dcecf9}\n
.live-support{margin:18px 0 0;padding:10px 13px;border:1px solid #dff0fa;background:#f7fcff;border-radius:10px;color:#7894a8;font-size:10px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#78c3a8;margin-right:7px;box-shadow:0 0 0 4px #e2f5ed}.live-support b{color:#5a9fcb}

/* ===== CORNFLOWER BLUE THEME — bright, airy and cohesive ===== */
:root{
  --ink:#315F9C;
  --muted:#789BC5;
  --blue:#91BDF0;
  --blue-dark:#4388D8;
  --pale:#F0F7FF;
  --pale2:#EAF3FF;
  --line:#DCE9F8;
  --white:#FFFFFF;
  --cream:#FBFDFF;
  --shadow:0 18px 55px rgba(67,136,216,.10);
}
body{background:#FBFDFF;color:#315F9C}
.topline{background:#F0F7FF;color:#668AB7}
.pulse{background:#65B89C;box-shadow:0 0 0 4px #DDF3EA}
.brand small,.text-link,.hero-lead,.story-text,.support-heading p,.promise-title p,.faq-wrap>div:first-child>p{color:#7895B7}
.brand-mark{background:#E2EFFF;color:#4388D8}
.nav nav{color:#6887AE}
.nav nav a:hover,.text-link:hover{color:#3478C5}
.nav-cta{border-color:#DCE9F8;background:#FFFFFF;color:#426D9E}
.nav-cta span,.eyebrow span{color:#4388D8}
.eyebrow,.section-kicker{color:#789BC5}
.hero h1 em,h2 em{color:#4388D8}
.primary{background:linear-gradient(135deg,#6AA6E8,#4388D8);color:#fff;box-shadow:0 10px 24px rgba(67,136,216,.22)}
.primary:hover{filter:brightness(1.04)}
.tiny-note{color:#829DBB}.tiny-note b{color:#426D9E}
.tiny-avatar{background:#E5F0FF;color:#4388D8}
.orbit{border-color:#D6E6FA}
.wallet{background:linear-gradient(145deg,#9BC5F5,#5D99E2);box-shadow:0 28px 55px rgba(67,120,190,.25)}
.wallet-flap{background:#79ADEB}
.wallet-dot{background:#EAF4FF}
.wallet-label{color:#F8FBFF}.wallet-star{color:#DCEBFF}
.coin{background:#F7FBFF;border-color:#D4E5FA;color:#4388D8;box-shadow:0 9px 20px rgba(67,120,190,.12)}
.cloud{color:#679DDA}
.art-caption{color:#829DBB}.art-caption b{color:#3478C5}
.art-sticker{border-color:#DFEAF8;color:#668AB7;background:#fff}
.ticker{background:#EAF3FF;color:#527CA9}.ticker span{color:#4388D8}
.handwrite{color:#4388D8}
.mini-stats{border-color:#DCE9F8}.mini-stats div{border-color:#DCE9F8}.mini-stats b{color:#4388D8}.mini-stats span{color:#829DBB}
.support-section{background:linear-gradient(180deg,#F1F7FF 0%,#F8FBFF 100%)}
.support-aside{color:#7895B7;border-left-color:#91BDF0}
.amount-panel,.qr-panel{border-color:#DCE8F7;box-shadow:0 14px 40px rgba(67,120,190,.08)}
.panel-top>span:first-child{color:#668AB7}
.soft-tag{background:#EAF3FF;color:#527FAF}
.amount{border-color:#E0EAF7;color:#315F9C}
.amount:hover{border-color:#91BDF0;background:#F8FBFF}
.amount.selected{border-color:#4388D8;background:#EDF5FF;box-shadow:inset 0 0 0 1px #4388D8}
.amount small,.custom-label{color:#7895B7}
.custom-input{border-color:#DCE8F7;background:#FCFDFF}
.custom-input:focus-within{border-color:#6FA5E5;box-shadow:0 0 0 3px rgba(67,136,216,.09)}
.custom-input input{color:#315F9C}
.selected-summary{color:#829DBB}.selected-summary b{color:#3478C5}
.qr-icon{background:#EAF3FF;color:#4388D8}
.qr-head small{color:#829DBB}
.secure{color:#59A58C}
.qr-frame{background:#F8FBFF;border-color:#C9DDF5}
.qr-placeholder{color:#789BC5}
.qr-symbol{border-color:#C9DDF5;color:#4388D8}
.qr-placeholder span{color:#829DBB}
.qr-placeholder code{color:#3478C5;background:#EAF3FF}
.bank-details{border-color:#E5EDF7}
.bank-details>div{border-color:#EAF0F7}
.bank-details>div>span{color:#829DBB}
.copy{background:#EAF3FF;color:#3478C5}
.copy:hover{background:#DCEBFF}
.qr-foot,.microcopy{color:#829DBB}
.promise-cards article{border-color:#E1EAF5;background:#fff;box-shadow:0 8px 28px rgba(67,120,190,.035)}
.promise-cards article>span{color:#91A9C6}
.promise-icon{background:#EAF3FF;color:#4388D8}
.promise-cards p{color:#7895B7}
.faq-section{background:#F3F8FF}
.faqs details{border-color:#DCE8F7}
.faqs summary:after{color:#4388D8}
.faqs p{color:#7895B7}
.footer{background:#EAF3FF}
.footer p{color:#668AB7}.footer-inner>span{color:#829DBB}
.toast{background:#315F9C}
.modal{background:rgba(49,95,156,.22)}
.modal-card{box-shadow:0 24px 70px rgba(49,95,156,.18)}
.modal-close{color:#7895B7}
.modal-spark{background:#EAF3FF;color:#4388D8}
.modal-card p{color:#7895B7}
.thanks-button{background:#EAF3FF;color:#3478C5}
.thanks-button:hover{background:#DCEBFF}
.live-support{border-color:#D6E7F8;background:#F3F8FF;color:#668AB7}
.live-dot{background:#65B89C;box-shadow:0 0 0 4px #DDF3EA}
.live-support b{color:#3478C5}
::selection{background:#CFE2FF;color:#244F86}

/* ===== CORNFLOWER BLUE — richer contrast pass ===== */
:root{
  --ink:#244B78;
  --muted:#6685A8;
  --blue:#78AFE9;
  --blue-dark:#347CCB;
  --pale:#EAF3FF;
  --pale2:#DFECFC;
  --line:#D2E2F4;
  --cream:#F9FCFF;
  --shadow:0 18px 55px rgba(47,112,184,.13);
}
body{background:#F9FCFF;color:#244B78}
.topline{background:#EAF3FF;color:#527BA8}
.brand small,.text-link,.hero-lead,.story-text,.support-heading p,.promise-title p,.faq-wrap>div:first-child>p{color:#6685A8}
.brand-mark{background:#DCEBFC;color:#347CCB}
.nav nav{color:#55799F}
.nav-cta{border-color:#D2E2F4;color:#315E91}
.nav-cta span,.eyebrow span,.hero h1 em,h2 em,.handwrite{color:#347CCB}
.eyebrow,.section-kicker{color:#668AB5}
.primary{background:linear-gradient(135deg,#5599DF,#2F78C8);box-shadow:0 10px 24px rgba(47,120,200,.27)}
.tiny-note{color:#718EAD}.tiny-note b{color:#315E91}
.tiny-avatar{background:#DCEBFC;color:#347CCB}
.orbit{border-color:#C8DCF2}
.wallet{background:linear-gradient(145deg,#8AB9EF,#4C8ED5);box-shadow:0 28px 55px rgba(47,112,184,.30)}
.wallet-flap{background:#669FDF}
.coin{border-color:#C7DCF3;color:#347CCB}
.cloud{color:#4D8FD0}
.art-caption{color:#718EAD}.art-caption b{color:#2F78C8}
.art-sticker{border-color:#D5E4F4;color:#557BA4}
.ticker{background:#E2EEFC;color:#426F9E}.ticker span{color:#347CCB}
.mini-stats{border-color:#D2E2F4}.mini-stats div{border-color:#D2E2F4}.mini-stats b{color:#347CCB}.mini-stats span{color:#718EAD}
.support-section{background:linear-gradient(180deg,#EAF3FF 0%,#F3F8FF 100%)}
.support-aside{color:#6685A8;border-left-color:#78AFE9}
.amount-panel,.qr-panel{border-color:#D2E2F4;box-shadow:0 14px 40px rgba(47,112,184,.11)}
.panel-top>span:first-child{color:#557BA4}
.soft-tag{background:#DFECFC;color:#416F9E}
.amount{border-color:#D8E5F3;color:#244B78}
.amount:hover{border-color:#78AFE9;background:#F1F7FF}
.amount.selected{border-color:#347CCB;background:#E5F0FF;box-shadow:inset 0 0 0 1px #347CCB}
.amount small,.custom-label{color:#6685A8}
.custom-input{border-color:#D2E2F4;background:#FBFDFF}
.custom-input:focus-within{border-color:#5599DF;box-shadow:0 0 0 3px rgba(52,124,203,.12)}
.custom-input input{color:#244B78}
.selected-summary{color:#718EAD}.selected-summary b{color:#2F78C8}
.qr-icon,.promise-icon,.modal-spark{background:#DFECFC;color:#347CCB}
.qr-head small,.bank-details>div>span{color:#718EAD}
.qr-frame{background:#F2F7FE;border-color:#BFD5EE}
.qr-placeholder{color:#6685A8}.qr-symbol{border-color:#BFD5EE;color:#347CCB}
.qr-placeholder span{color:#718EAD}.qr-placeholder code{color:#2F78C8;background:#DFECFC}
.bank-details{border-color:#DCE7F3}.bank-details>div{border-color:#E3ECF6}
.copy{background:#DFECFC;color:#2F78C8}.copy:hover{background:#D1E4FA}
.qr-foot,.microcopy{color:#718EAD}
.promise-cards article{border-color:#D8E5F3;box-shadow:0 8px 28px rgba(47,112,184,.06)}
.promise-cards article>span{color:#7895B5}.promise-cards p{color:#6685A8}
.faq-section{background:#EDF4FD}.faqs details{border-color:#D2E2F4}.faqs p{color:#6685A8}
.footer{background:#E2EEFC}.footer p{color:#557BA4}.footer-inner>span{color:#718EAD}
.toast{background:#244B78}
.modal{background:rgba(36,75,120,.25)}.modal-card{box-shadow:0 24px 70px rgba(36,75,120,.22)}
.modal-close{color:#6685A8}.modal-card p{color:#6685A8}
.thanks-button{background:#DFECFC;color:#2F78C8}.thanks-button:hover{background:#D1E4FA}
.live-support{border-color:#D2E2F4;background:#EDF4FD;color:#557BA4}.live-support b{color:#2F78C8}
::selection{background:#BFD9F7;color:#1E456F}

/* STUDENT POVERTY MODE — playful, honest, still clean */
.topline { background: #244b78; color: #fff; }
.topline-note { color: #d8eaff !important; }
.hero-art { position: relative; }
.art-sticker { transform: rotate(7deg); background: #fff0c9 !important; color: #80551b !important; border: 1px dashed #d49b45; }
.art-caption { background: #fff; border: 1px solid #e6b95e; border-radius: 12px; padding: 10px 14px; box-shadow: 0 8px 24px #244b781c; }
.survival-board { margin-top: 30px; padding: 22px 24px; border: 1.5px dashed #8bb4df; border-radius: 18px; background: linear-gradient(135deg,#fffdf6,#edf5ff); box-shadow: 0 12px 35px #244b780d; }
.survival-title { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:15px; color:#244b78; font-size:12px; font-weight:800; letter-spacing:.08em; }
.survival-title b { color:#c05d52; background:#fff0ed; border-radius:99px; padding:7px 10px; font-size:10px; }
.survival-items { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.survival-items div { display:flex; flex-direction:column; gap:7px; padding:13px; border-radius:12px; background:#fff; border:1px solid #e2ecf8; }
.survival-items span { color:#607b9a; font-size:12px; }
.survival-items b { color:#244b78; font-size:13px; }
.survival-items .danger-text { color:#c04e49; }
.survival-board > p { margin:14px 0 0; color:#71859b; font-size:12px; font-style:italic; }
.amount-panel { border-color:#c8dcef; }
.amount.selected { border-color:#347ccb !important; background:#eaf3ff !important; }
.amount small { color:#657f9b; }
.qr-head .secure { color:#347ccb; }
.promise-cards article { background:#f8fbff; }
@media (max-width:700px) { .survival-items { grid-template-columns:repeat(2,minmax(0,1fr)); } .survival-title { align-items:flex-start; flex-direction:column; } }

/* ===== SỔ VÀNG CỨU ĐÓI: public ledger + opt-in supporter ranking ===== */
.ledger-section{padding-top:88px;padding-bottom:92px}
.ledger-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:18px 0 28px}
.ledger-heading h2{font-size:clamp(32px,4vw,48px);line-height:1.15;letter-spacing:-.045em;margin:0 0 12px;color:#244b78}
.ledger-heading h2 em{font-style:normal;color:#347ccb}
.ledger-heading p{max-width:650px;color:#6685a8;line-height:1.8;margin:0}
.ledger-stamp{width:104px;height:104px;flex:0 0 104px;border:1.5px dashed #78afe9;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#347ccb;font-size:25px;transform:rotate(9deg);background:#f1f7ff}
.ledger-stamp small{font-size:10px;font-weight:800;letter-spacing:.15em;text-align:center;line-height:1.2}
.ledger-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.ledger-summary article{background:#fff;border:1px solid #d7e6f5;border-radius:16px;padding:18px 20px;box-shadow:0 8px 25px #244b7809}
.ledger-summary span{display:block;color:#718eaa;font-size:12px;margin-bottom:8px}
.ledger-summary b{font-size:clamp(19px,2.5vw,27px);color:#347ccb}
.ledger-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);gap:18px;align-items:start}
.ledger-card,.leaderboard-card{background:#fff;border:1px solid #d5e4f4;border-radius:20px;padding:22px;box-shadow:0 12px 34px #244b780c;min-width:0}
.ledger-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.ledger-kicker{font-size:9px;letter-spacing:.17em;font-weight:800;color:#8ba4bf}
.ledger-card-head h3{font-size:23px;letter-spacing:-.03em;color:#244b78;margin:5px 0 0}
.verified-tag{font-size:9px;font-weight:800;letter-spacing:.08em;color:#398a70;background:#eaf7f1;border-radius:99px;padding:8px 10px;white-space:nowrap}
.ledger-table-wrap{overflow-x:auto}
.ledger-table{width:100%;border-collapse:collapse;text-align:left;min-width:430px}
.ledger-table th{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#8aa1ba;padding:11px 8px;border-bottom:1px solid #e5edf6}
.ledger-table td{padding:14px 8px;border-bottom:1px solid #edf2f8;color:#66809d;font-size:12px;vertical-align:middle}
.ledger-table td small{display:block;color:#a0b1c4;font-size:10px;margin-top:4px}
.ledger-name{font-weight:700;color:#315f91}
.ledger-table .ledger-amount{text-align:right;color:#347ccb;font-weight:800;white-space:nowrap}
.ledger-empty{padding:28px 14px!important;text-align:center!important;color:#8ba1b8!important;line-height:1.7}
.ledger-note{font-size:10px;line-height:1.7;color:#8aa0b8;margin:14px 0 0}
.trophy{font-size:25px}
.leaderboard-intro{color:#7c94ad;font-size:12px;line-height:1.7;margin:-6px 0 14px}
.leaderboard-list{list-style:none;padding:0;margin:0}
.leaderboard-list li{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #edf2f8}
.rank-number{width:30px;flex:0 0 30px;font-weight:800;color:#7d9aba;text-align:center}
.rank-name{flex:1;min-width:0;color:#315f91;font-size:12px;font-weight:800;overflow-wrap:anywhere}
.rank-name small{display:block;color:#9aadc1;font-size:10px;font-weight:500;margin-top:4px}
.leaderboard-list li>b{font-size:12px;color:#347ccb;white-space:nowrap}
.leaderboard-empty{display:block!important;text-align:center;color:#8ba1b8!important;font-size:12px;line-height:1.7;padding:22px 8px!important}
.anonymous-note{margin-top:16px;padding:12px;border-radius:12px;background:#f2f7fe;color:#718ba7;font-size:10px;line-height:1.7}
.anonymous-note b{color:#315f91}
@media(max-width:800px){.ledger-grid{grid-template-columns:1fr}.ledger-heading{align-items:flex-start}.ledger-summary{gap:9px}.ledger-summary article{padding:14px}}
@media(max-width:560px){.ledger-section{padding-top:60px;padding-bottom:64px}.ledger-stamp{width:72px;height:72px;flex-basis:72px;font-size:19px}.ledger-stamp small{font-size:8px}.ledger-summary{grid-template-columns:1fr}.ledger-summary article{display:flex;justify-content:space-between;align-items:center;gap:10px}.ledger-summary span{margin:0}.ledger-summary b{font-size:18px}.ledger-card,.leaderboard-card{padding:16px}.ledger-card-head h3{font-size:20px}}

/* ===== FONT + RESPONSIVE + DEEPER BLUE ACCESSIBILITY PASS ===== */
:root{
  --ink:#183F70;
  --muted:#526F91;
  --blue:#4B91E2;
  --blue-dark:#246CC0;
  --pale:#EAF3FF;
  --pale2:#DCEBFC;
  --line:#C9DCF2;
  --cream:#F8FBFF;
  --shadow:0 18px 48px rgba(28,78,135,.13);
}
html{width:100%;;scroll-padding-top:18px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  width:100%;min-width:320px;overflow-x:hidden;
  color:#183F70;background:#F8FBFF;
  font-family:"Be Vietnam Pro","Segoe UI",Tahoma,Arial,sans-serif;
  font-synthesis:none;text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
/* Keep Vietnamese diacritics consistent, including buttons and form controls. */
body,button,input,textarea,select{font-family:"Be Vietnam Pro","Segoe UI",Tahoma,Arial,sans-serif}
button,input,textarea,select{font-size:inherit}
.topline,.eyebrow,.section-kicker,.ticker,.wallet-label,.art-caption,.art-sticker,
.panel-top>span:first-child,.custom-input span,.qr-placeholder b,.ledger-kicker{
  font-family:"Be Vietnam Pro","Segoe UI",Tahoma,Arial,sans-serif;
  letter-spacing:.06em;
}
.topline{background:#1D4778;color:#fff}
.topline-note{color:#E4F0FF!important}
.nav nav{color:#345D8D}
.nav nav a,.brand,.nav-cta,.hero h1,.story h2,.support-heading h2,.ledger-heading h2,
.ledger-card-head h3,.promise-cards h3,.faqs summary{color:#183F70}
.nav-cta{border-color:#B8CFEA;background:#FDFEFF}
.brand small,.hero-lead,.story-text,.support-heading p,.ledger-heading p,
.promise-title p,.faq-wrap>div:first-child>p{color:#526F91}
.hero h1 em,h2 em,.hero h1 em{color:#246CC0}
.section-kicker,.eyebrow{color:#426D9D}
.primary{background:linear-gradient(135deg,#438DE0,#246CC0);box-shadow:0 10px 25px rgba(36,108,192,.25)}
.primary:hover{filter:brightness(1.06)}
.ticker{background:#DCEBFC;color:#244F80}
.ticker span,.mini-stats b,.selected-summary b,.ledger-summary b,.ledger-table .ledger-amount,
.leaderboard-list li>b{color:#246CC0}
.support-section{background:linear-gradient(180deg,#E7F1FE 0%,#F3F8FF 100%)}
.amount-panel,.qr-panel,.ledger-card,.leaderboard-card,.ledger-summary article{border-color:#C5D9F0;box-shadow:0 12px 32px rgba(31,79,132,.10)}
.amount{border-color:#C8D9EC;color:#183F70}
.amount.selected{border-color:#246CC0!important;background:#E3EFFF!important;box-shadow:inset 0 0 0 1px #246CC0}
.amount small,.custom-label,.qr-head small,.bank-details>div>span,.qr-foot,.microcopy{color:#526F91}
.custom-input{border-color:#BFD3EB;background:#fff}
.custom-input input{color:#183F70}
.copy,.soft-tag,.qr-icon,.promise-icon,.modal-spark{background:#DCEBFC;color:#246CC0}
.qr-frame{border-color:#A9C8EB;background:#F3F8FF}
.promise-cards article{border-color:#C9DCF2}
.faq-section{background:#EAF2FC}
.faqs details{border-color:#C7D9EE}
.faqs p,.footer p{color:#526F91}
.footer{background:#DCE9F8}
.ledger-summary span,.ledger-note,.leaderboard-intro,.anonymous-note{color:#526F91}
.ledger-table th{color:#42658D;border-color:#C9D9EB}
.ledger-table td{color:#34577F;border-color:#E0EAF5}
.ledger-table td small,.rank-name small{color:#617D9D}
.ledger-name,.rank-name,.anonymous-note b{color:#183F70}
.verified-tag{color:#176B50;background:#DDF3E9}
.anonymous-note{background:#EAF2FC}
.survival-board{border-color:#78A9DE;background:linear-gradient(135deg,#FFF9E9,#E4F0FF)}
.survival-title,.survival-items b{color:#183F70}
.survival-items span{color:#42658D}
.art-caption{color:#345D88}
.art-caption b{color:#1E5FAE}

/* Tablet and compact laptop */
@media (min-width:761px) and (max-width:1100px){
  .wrap{width:min(100% - 48px,1000px)}
  .nav nav{gap:18px}
  .hero{min-height:520px;gap:20px}
  .hero h1{font-size:clamp(48px,6vw,68px)}
  .hero-art{transform:scale(.9);transform-origin:center}
  .story-grid{gap:42px}
  .pay-layout{gap:16px}
  .amount-panel,.qr-panel{padding:22px}
  .ledger-grid{grid-template-columns:minmax(0,1.15fr) minmax(270px,.85fr)}
}
/* Phones and narrow tablets */
@media (max-width:760px){
  .wrap{width:calc(100% - 32px);max-width:600px}
  .topline{height:auto;min-height:34px;padding:7px 12px;flex-wrap:wrap;text-align:center;font-size:9px;line-height:1.5;letter-spacing:.04em}
  .topline-note{margin-left:2px}
  .nav{height:auto;min-height:68px;gap:10px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}
  .brand{font-size:13px}
  .brand-mark{width:34px;height:34px}
  .nav-cta{font-size:10px;padding:9px 11px;white-space:nowrap}
  .hero{grid-template-columns:minmax(0,1fr);padding-top:42px;padding-bottom:30px;min-height:0}
  .hero-copy{min-width:0}
  .hero h1{font-size:clamp(42px,10vw,58px);overflow-wrap:break-word}
  .hero-lead{font-size:13px;line-height:1.85}
  .hero-actions{gap:14px;flex-wrap:wrap}
  .hero-art{height:300px;max-width:100%;overflow:hidden;margin-top:14px;transform:none}
  .orbit-one{width:min(78vw,290px);height:210px}
  .orbit-two{width:min(92vw,340px);height:250px}
  .wallet{transform:scale(.78) rotate(-9deg)}
  .coin-a{left:calc(50% - 125px)}
  .coin-b{right:calc(50% - 135px)}
  .story-grid{grid-template-columns:minmax(0,1fr);gap:18px}
  .mini-stats{gap:0}
  .mini-stats div{padding:10px;min-width:0}
  .mini-stats span{font-size:9px;line-height:1.4}
  .survival-items{grid-template-columns:repeat(2,minmax(0,1fr))}
  .survival-title{align-items:flex-start;flex-direction:column}
  .support-heading{display:block}
  .support-aside{margin-top:18px}
  .pay-layout{grid-template-columns:minmax(0,1fr);gap:14px}
  .amount-panel,.qr-panel{padding:19px}
  .promise-cards{grid-template-columns:minmax(0,1fr)}
  .promise-cards article{min-height:0}
  .faq-wrap{grid-template-columns:minmax(0,1fr);gap:24px}
  .ledger-heading{align-items:flex-start}
  .ledger-grid{grid-template-columns:minmax(0,1fr)}
  .ledger-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .ledger-summary article{padding:12px;min-width:0}
  .ledger-summary span{font-size:10px;line-height:1.4}
  .ledger-summary b{font-size:clamp(15px,3.5vw,20px)}
  .ledger-card,.leaderboard-card{padding:17px;min-width:0}
  .footer-inner{flex-wrap:wrap}
}
@media (max-width:560px){
  .ledger-section{padding-top:58px;padding-bottom:62px}
  .ledger-heading{gap:10px}
  .ledger-heading h2{font-size:clamp(28px,8vw,38px)}
  .ledger-stamp{width:64px;height:64px;flex-basis:64px;font-size:17px}
  .ledger-stamp small{font-size:7px}
  .ledger-summary{grid-template-columns:minmax(0,1fr)}
  .ledger-summary article{display:flex;justify-content:space-between;align-items:center;gap:10px}
  .ledger-summary span{margin:0}
  .ledger-summary b{font-size:18px;white-space:nowrap}
  .ledger-table{min-width:390px}
  .ledger-card-head{align-items:flex-start}
  .verified-tag{font-size:8px;padding:7px 8px}
  .ledger-card-head h3{font-size:20px}
  .survival-board{padding:17px}
  .bank-details>div{align-items:flex-start}
  .bank-details>div>span{max-width:38%;line-height:1.5}
  .bank-details b{max-width:62%;overflow-wrap:anywhere}
  .footer-inner>span{font-size:8px}
}
@media (max-width:380px){
  .wrap{width:calc(100% - 24px)}
  .hero h1{font-size:40px}
  .hero-actions .button{padding:12px 14px}
  .text-link{font-size:10px}
  .amounts{gap:7px}
  .amount{padding:10px}
  .amount b{font-size:12px}
  .amount small{font-size:8px}
  .nav-cta{font-size:9px;padding:8px 9px}
  .ledger-card,.leaderboard-card{padding:13px}
  .ledger-table{min-width:370px}
  .ledger-table td{padding:11px 6px;font-size:11px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
/* V8 enhancements, retain the original Cornflower Blue identity */
.site-announcement{padding:14px 20px;border-radius:14px;background:#e3efff;color:#315a94;font-weight:650}.fund-goal{color:#6495ed;font-weight:700}.anonymous-support{display:flex;align-items:center;gap:10px;margin:14px 0;color:inherit;font-weight:650}.anonymous-support input{width:18px;height:18px;accent-color:#6495ed}.transfer-steps{margin:14px 0;padding:17px;border-radius:16px;background:#6495ed12;line-height:1.7}.transfer-steps ol{padding-left:22px;margin:8px 0 0}.footer a{color:inherit}