*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18312d;background:#f4f7f5}.give-topbar{height:72px;padding:0 max(22px,calc((100vw - 1260px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dbe5e1;background:rgba(251,252,251,.94);backdrop-filter:blur(12px)}.give-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.give-brand>span{width:36px;height:36px;border-radius:10px;background:#0f5149;color:#fff;display:grid;place-items:center;font-weight:900}.give-brand>div{display:grid;gap:1px}.give-brand strong{font-size:14px}.give-brand small{font-size:8px;color:#71827c}.give-trust{display:flex;align-items:center;gap:18px;font-size:8px;color:#788781}.give-trust a{color:#0f5149;font-weight:800;text-decoration:none}.give-shell{width:min(1260px,calc(100% - 40px));margin:28px auto 46px;display:grid;grid-template-columns:390px minmax(0,1fr);gap:18px;align-items:start}.give-story{min-height:650px;padding:34px;border-radius:20px;background:linear-gradient(150deg,#103f39,#0c574d);color:#fff;display:flex;flex-direction:column;position:sticky;top:100px;overflow:hidden}.give-story:after{content:"";position:absolute;width:380px;height:380px;right:-245px;bottom:-180px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.018)}.give-kicker{position:relative;z-index:1;color:#a7d5ca;font-size:8px;font-weight:900;letter-spacing:.14em}.give-story h1{position:relative;z-index:1;margin:14px 0 13px;font-size:40px;line-height:1;letter-spacing:-.05em}.give-story>p{position:relative;z-index:1;margin:0;color:#c7ddd7;font-size:10px;line-height:1.7}.give-school-picker{position:relative;z-index:1;margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14)}.give-school-picker label{display:grid;gap:7px;color:#bcd6d0;font-size:8px;font-weight:750}.give-school-picker select{height:44px;border:1px solid rgba(255,255,255,.20);border-radius:9px;background:#fff;color:#173c37;padding:0 10px}.give-campaign-summary{position:relative;z-index:1;margin-top:18px}.give-campaign-summary article{padding:15px;border:1px solid rgba(255,255,255,.15);border-radius:11px;background:rgba(255,255,255,.07)}.give-campaign-summary span{font-size:7px;color:#a8cbc3}.give-campaign-summary h3{margin:6px 0 10px;font-size:14px}.give-campaign-summary strong{font-size:18px}.give-campaign-summary p{margin:4px 0 0;font-size:8px;color:#b7d0ca}.give-story footer{position:relative;z-index:1;margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);display:grid;gap:4px}.give-story footer strong{font-size:9px}.give-story footer span{font-size:7.5px;color:#a9c7c0;line-height:1.5}.give-panel{min-height:650px;border:1px solid #dbe4e1;border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(20,53,47,.08);overflow:hidden;display:flex;flex-direction:column}.give-loading,.give-empty{min-height:620px;display:grid;place-items:center;align-content:center;text-align:center;color:#72827c}.give-loading span{width:28px;height:28px;margin-bottom:12px;border:3px solid #dce7e3;border-top-color:#0f5149;border-radius:50%;animation:spin .7s linear infinite}.give-loading strong{font-size:9px}.give-empty div{width:50px;height:50px;border-radius:15px;background:#e4f0ec;color:#0f5149;display:grid;place-items:center;font-size:22px}.give-empty h2{margin:14px 0 7px;color:#18312d;font-size:22px}.give-empty p{margin:0 0 16px;font-size:9px}.give-empty a{color:#0f5149;font-size:9px;font-weight:800}.give-panel iframe{width:100%;min-height:690px;border:0;background:#fff}.give-frame-footer{min-height:46px;padding:0 14px;border-top:1px solid #e2e8e5;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:7.5px;color:#7a8984}.give-frame-footer a{color:#0f5149;font-weight:800;text-decoration:none}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.give-shell{grid-template-columns:1fr}.give-story{position:relative;top:auto;min-height:auto}.give-story footer{margin-top:30px}.give-panel iframe{min-height:760px}}@media(max-width:600px){.give-topbar{height:64px;padding:0 14px}.give-trust>span{display:none}.give-shell{width:calc(100% - 20px);margin:12px auto 28px}.give-story{padding:25px;border-radius:16px}.give-story h1{font-size:32px}.give-panel{border-radius:16px}.give-frame-footer{display:grid;padding:10px 12px}}

/* 2026-08-31 — iPhone Safari secure giving */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden}
button,a,input,select,textarea{touch-action:manipulation;-webkit-tap-highlight-color:rgba(15,81,73,.10)}
@media(max-width:900px){
  .give-topbar{
    height:calc(64px + env(safe-area-inset-top));
    padding-top:env(safe-area-inset-top);
    padding-left:max(14px,env(safe-area-inset-left));
    padding-right:max(14px,env(safe-area-inset-right));
  }
  .give-shell{
    width:auto;
    margin:12px max(10px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));
  }
  .give-story{
    padding:26px 22px;
  }
  .give-school-picker select{
    min-height:48px;
    font-size:16px;
  }
  .give-panel{
    min-height:0;
  }
  .give-panel iframe{
    min-height:820px;
    height:calc(100dvh - 96px);
    max-height:980px;
    -webkit-overflow-scrolling:touch;
  }
  .give-frame-footer{
    padding-bottom:max(10px,env(safe-area-inset-bottom));
  }
}
@media(max-width:430px){
  .give-story h1{font-size:30px}
  .give-story>p{font-size:13px}
  .give-campaign-summary span,.give-campaign-summary p,.give-story footer span{font-size:10px}
  .give-campaign-summary h3{font-size:16px}
  .give-frame-footer{font-size:10px;gap:6px}
}

/* Middos brand system */
.middos-mark{
  color:transparent!important;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 73% 25%,#e5ad4a 0 5%,transparent 5.8%),
    linear-gradient(#fff,#fff) 50% 29%/54% 11% no-repeat,
    linear-gradient(#fff,#fff) 50% 57%/11% 49% no-repeat,
    linear-gradient(145deg,#116b62 0%,#0b514c 74%,#093f3d 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 7px 18px rgba(9,63,61,.12);
}
.middos-mark::after{
  content:"";
  position:absolute;
  inset:6px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:inherit;
  pointer-events:none;
}
.middos-brand-rule{
  display:block;
  width:38px;
  height:2px;
  margin-top:4px;
  border-radius:999px;
  background:linear-gradient(90deg,#0f6158 0 48%,#3d72d8 48% 76%,#e5ad4a 76%);
}
.middos-thread{display:inline-flex;align-items:center;gap:4px}
.middos-thread i,.middos-thread b{display:block;width:5px;height:5px;border-radius:50%;background:#0f6158;position:relative}
.middos-thread i:not(:last-child)::after,.middos-thread b:not(:last-child)::after{content:"";position:absolute;width:7px;height:1px;left:5px;top:2px;background:#8cbab1}
.middos-thread i:nth-child(2),.middos-thread b:nth-child(2){background:#3d72d8}
.middos-thread i:nth-child(3),.middos-thread b:nth-child(3){background:#e5ad4a}
.middos-thread.light i:first-child{background:#b8ded5}.middos-thread.light i:not(:last-child)::after{background:rgba(255,255,255,.35)}

:root{--middos-blue:#3d72d8;--middos-gold:#e5ad4a}
.give-brand>.middos-mark{width:38px;height:38px;border-radius:11px}
.give-story{background:linear-gradient(145deg,#0c4f4a 0%,#0d5f56 58%,#164d6a 100%)}
.give-story::before{content:"";position:absolute;left:34px;top:28px;width:52px;height:3px;border-radius:99px;background:linear-gradient(90deg,#b8ded5 0 52%,#75a7ef 52% 78%,#e5ad4a 78%)}
.give-brand-flag{position:relative;z-index:2;margin-top:12px;display:flex;align-items:center;gap:8px;color:#fff}.give-brand-flag b{font-size:8px;letter-spacing:.13em}.give-brand-flag em{font-size:7px;color:#bfd7d2;font-style:normal;font-weight:760;letter-spacing:.08em}
.give-panel{border-color:#d5e2de}

/* identity v2 */
.give-topbar .middos-lockup{gap:10px}.give-code{position:relative;z-index:2;margin:18px 0 14px;border-color:rgba(255,255,255,.17);background:rgba(255,255,255,.07);color:#bfd4cf}.give-code b{color:#fff}.give-story,.give-panel{border-radius:20px 20px 7px 20px!important}.give-panel{position:relative}.give-panel::after{content:"";position:absolute;right:0;top:0;width:30px;height:30px;background:linear-gradient(225deg,#e9efec 0 49%,transparent 50%);z-index:4;pointer-events:none}


/* 2026-09-01 brand v3 */
.give-topbar{background:var(--middos-paper)!important;border-top:4px solid var(--middos-ink)!important;border-bottom:1px solid var(--middos-line)!important}.give-story{background:var(--middos-ink)!important;border:1px solid var(--middos-ink)!important;border-radius:18px!important;box-shadow:8px 8px 0 var(--middos-coral)!important}
.give-story::before{width:72px!important;height:7px!important;border-radius:0!important;background:linear-gradient(90deg,var(--middos-cobalt) 0 78%,var(--middos-coral) 78%)!important}.give-code{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.2)!important;color:#d8deee!important;box-shadow:3px 3px 0 var(--middos-coral)!important}.give-code b{color:#fff!important}
.give-panel{border:1px solid var(--middos-ink)!important;border-radius:18px!important;box-shadow:8px 8px 0 #e2e6ff!important}.give-panel::after{display:none!important}


/* 2026-08-31 calm identity */
.give-topbar{background:rgba(250,250,248,.96)!important;border-top:0!important;border-bottom:1px solid var(--middos-line)!important}
.give-story{background:#1d2028!important;border:1px solid #1d2028!important;border-radius:16px!important;box-shadow:none!important}
.give-story::before{width:36px!important;height:2px!important;border-radius:99px!important;background:#8e98dd!important}
.give-code{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.16)!important;color:#d3d7df!important;box-shadow:none!important}.give-code b{color:#fff!important}
.give-panel{border:1px solid var(--middos-line)!important;border-radius:16px!important;box-shadow:0 18px 50px rgba(20,24,35,.06)!important}.give-panel::after{display:none!important}


/* 2026-08-31 natural product design */
.give-topbar{background:rgba(251,251,250,.96)!important;border:0!important;border-bottom:1px solid #e5e6e8!important}
.give-story{background:#f5f6fa!important;color:#202124!important;border:1px solid #e3e5ec!important;border-radius:14px!important;box-shadow:none!important}.give-story::before{display:none!important}.give-story h1,.give-story p,.give-story strong,.give-story span,.give-story footer{color:inherit!important}
.give-code{display:none!important}
.give-panel{border:1px solid #e5e6e9!important;border-radius:14px!important;box-shadow:0 16px 45px rgba(26,28,33,.06)!important;background:#fff!important}.give-panel::after{display:none!important}