/* niyatapp.com/scholarship (owner 10/01). Site tokens from /assets/styles.css; a dawn sky in an arch is the one image. */
.sch-body{
  --sch-ink:#121B15; --sch-ink2:#2E3B33; --sch-ink3:#56695F;
  --sch-ground:#FAF7F2; --sch-surface:#FFFDF8; --sch-tint:#F4EEE2;
  --sch-green:#1B4D35; --sch-green-soft:rgba(27,77,53,.06);
  --sch-gold-text:#7E5C1A;
  --sch-line:rgba(26,43,32,.12); --sch-line2:rgba(26,43,32,.22);
  --sch-err:#A3361F;
  --sch-btn:linear-gradient(135deg,#EDCE84,#CE9E38 58%,#E2BC65);
  --sch-btn-shadow:0 12px 26px -12px rgba(186,140,44,.7);
  background:var(--sch-ground);
}
.sch-body [hidden]{display:none!important}

.sch{max-width:1160px;margin:0 auto;padding:28px 16px 88px}

/* hero */
.sch-arch{margin:0 0 26px;width:min(44vw,184px);aspect-ratio:100/138;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 138' preserveAspectRatio='none'%3E%3Cpath d='M0 138V58C0 27 24 9 50 0c26 9 50 27 50 58v80z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 138' preserveAspectRatio='none'%3E%3Cpath d='M0 138V58C0 27 24 9 50 0c26 9 50 27 50 58v80z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  background:#0d1a22}
.sch-arch img{width:100%;height:100%;object-fit:cover;object-position:50% 64%}
.sch-copy{max-width:620px}
.sch-kicker{margin:0 0 10px;font:600 15px/1.3 var(--sans);color:var(--sch-gold-text)}
.sch-copy h1{margin:0 0 18px;font:400 clamp(38px,9.6vw,64px)/1.03 var(--serif);letter-spacing:-.022em;color:var(--sch-ink);text-wrap:balance}
.sch-copy p{margin:0 0 14px;font-size:17px;line-height:1.6;color:var(--sch-ink2);max-width:36em;text-wrap:pretty}
.sch-copy .sch-lead{font-size:19px;line-height:1.5;font-weight:600;color:var(--sch-ink)}
.sch-copy .sch-plain{color:var(--sch-ink);font-weight:600}

/* card */
#choose,#pay,#done,#member{scroll-margin-top:84px}
.sch-card{margin-top:30px;max-width:620px;background:var(--sch-surface);border:1px solid var(--sch-line);border-radius:24px;padding:26px 20px 22px;box-shadow:0 34px 60px -46px rgba(27,77,53,.45)}
.sch-h2{margin:0 0 6px;font:400 28px/1.15 var(--serif);letter-spacing:-.012em;color:var(--sch-ink)}
.sch-sub{margin:0 0 20px;font-size:16px;line-height:1.55;color:var(--sch-ink2)}

/* the offer: one price at a time (round 5 step-down) */
.offer{margin:0 0 6px}
.offer-title{margin-bottom:10px}
.offer-price{display:flex;align-items:baseline;gap:10px;margin:0;font-variant-numeric:tabular-nums}
.offer-amt{font:400 clamp(52px,15vw,64px)/1 var(--serif);letter-spacing:-.02em;color:var(--sch-ink)}
.offer-per{font-size:17px;font-weight:600;color:var(--sch-ink3)}
.sch-ref{margin:10px 0 0;font-size:15px;color:var(--sch-ink3)}
.offer-drop{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:var(--sch-green-soft);font-size:15.5px;font-weight:700;line-height:1.45;color:var(--sch-green)}
.offer-drop span{display:block;font-weight:500;color:var(--sch-ink2)}
.offer-drop.in{animation:sch-drop-in .24s ease-out}
@keyframes sch-drop-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.free-head{margin:0 0 4px}
.free-head .sch-h2:focus{outline:none}
.steps-nav{display:flex;flex-direction:column;align-items:center;gap:0;margin-top:8px}
.steps-nav .sch-link{margin:0}
.step-up{font-weight:500!important;font-size:14px!important;color:var(--sch-ink3)!important}

/* fields and buttons */
.sch-label{display:block;margin:16px 0 8px;font-size:15px;font-weight:700;color:var(--sch-ink)}
#freeFields .sch-label:first-child{margin-top:0}
.sch-opt{margin-left:6px;font-weight:600;color:var(--sch-ink3)}
.sch-input{display:block;width:100%;min-height:54px;padding:14px 16px;border:1.5px solid var(--sch-line2);border-radius:14px;background:#fff;font:500 17px/1.4 var(--sans);color:var(--sch-ink);-webkit-appearance:none;appearance:none}
.sch-note-input{min-height:0;resize:vertical}
.sch-input:focus{outline:none;border-color:var(--sch-green);box-shadow:0 0 0 3px rgba(27,77,53,.13)}
.sch-hint{margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--sch-ink3)}
.sch-err{margin:12px 0 0;font-size:15px;font-weight:600;line-height:1.45;color:var(--sch-err)}
.sch-err:empty{display:none}
.sch-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;margin-top:18px;padding:0 20px;border-radius:30px;background:var(--sch-btn);box-shadow:var(--sch-btn-shadow);color:#221806;font:700 17px/1 var(--sans);letter-spacing:.005em;text-decoration:none;transition:transform .14s ease,opacity .2s}
.sch-btn:hover{transform:translateY(-1px)}
.sch-btn:active{transform:translateY(1px)}
.sch-btn:disabled{opacity:.55;transform:none;cursor:default;box-shadow:none}
.sch-btn:focus-visible,.sch-link:focus-visible,.sch-back:focus-visible,.sch-inline:focus-visible{outline:3px solid var(--sch-green);outline-offset:3px}
.sch-link{display:block;margin:14px auto 0;min-height:44px;padding:0 10px;font:600 15px/1.3 var(--sans);color:var(--sch-ink2);text-decoration:underline;text-decoration-color:var(--sch-line2);text-underline-offset:4px;text-align:center}
.sch-link:hover{color:var(--sch-ink);text-decoration-color:currentColor}
.company-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* the lowest paid level's line beside Free, and after a Free request */
.sch-nudge{margin:14px 0 0;font-size:15px;line-height:1.7;color:var(--sch-ink2)}
.sch-inline{display:inline;padding:2px 10px;margin:0 2px;border-radius:999px;background:var(--sch-green-soft);border:1px solid rgba(27,77,53,.28);font:700 15px/1.5 var(--sans);color:var(--sch-green);cursor:pointer}
.sch-inline:hover{background:rgba(27,77,53,.12)}
.sch-offer{margin-top:20px;padding:18px 18px 4px;border-radius:16px;background:var(--sch-tint)}
.sch-offer p{margin:0}
.sch-offer .sch-btn{margin:14px 0 14px}

.sch-support{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--sch-line);font-size:15px;line-height:1.55;color:var(--sch-ink2)}
.sch-support a{font-weight:700;color:var(--sch-ink);text-decoration:underline;text-underline-offset:3px}

/* pay */
.sch-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:-10px 0 6px -6px;padding:0 6px;font:600 15px/1 var(--sans);color:var(--sch-ink2)}
.pay-for{margin:0 0 6px;font-size:15px;color:var(--sch-ink3);overflow-wrap:anywhere}
.pay-total{margin:0 0 10px;font:400 32px/1.1 var(--serif);letter-spacing:-.015em;color:var(--sch-ink)}
.pay-total:focus{outline:none}
.pay-disc{margin:0 0 18px;font-size:14.5px;line-height:1.55;color:var(--sch-ink2)}
.pay-disc a{color:inherit;text-decoration:underline;text-underline-offset:3px;margin-right:6px}
.ck-express{position:absolute;left:0;right:0;visibility:hidden;pointer-events:none}
.ck-express.on{position:relative;visibility:visible;pointer-events:auto;min-height:55px}
.pay-wait{margin:12px 0 0;font-size:15px;color:var(--sch-ink2);text-align:center}
.pay-card{margin-top:18px;padding-top:18px;border-top:1px solid var(--sch-line)}
.ck-pay{min-height:200px}
.pay-trust{margin:18px 0 0;font-size:13.5px;line-height:1.5;font-weight:600;color:var(--sch-ink3);text-align:center}
.pay-trust svg{display:inline-block;vertical-align:-2px;margin-right:6px}

/* Open Niyat (owner 10/02) */
.oa{margin:16px 0 18px}
.oa .sch-btn{margin-top:0}
.oa-for{margin:12px 0 0!important;font-size:15px;text-align:center}
.oa-miss{margin:8px 0 0!important;font-size:14px!important;line-height:1.5;color:var(--sch-ink3)!important;text-align:center}
.oa-miss.on{color:var(--sch-ink)!important;background:var(--sch-tint);border-radius:12px;padding:12px 14px}
.oa-miss a{color:inherit;font-weight:700}
.oa-miss ol{margin:6px 0;padding-left:20px;text-align:left}
.oa-desk{display:grid;grid-template-columns:132px 1fr;gap:16px;align-items:center;padding:16px;border:1px solid var(--sch-line);border-radius:16px;background:#fff}
.oa-qr{width:132px;height:132px}
.oa-qr svg{display:block;width:100%;height:100%}
.oa-desk p{margin:0!important;font-size:14.5px!important}
.oa-desk b{display:block;margin-bottom:4px;color:var(--sch-ink)}

/* member, done */
.sch-member p,.sch-done p{margin:0 0 14px;font-size:16px;line-height:1.6;color:var(--sch-ink2)}
.sch-member b,.sch-done b{color:var(--sch-ink)}
.sch-steps{list-style:none;margin:18px 0 6px;padding:0;counter-reset:s}
.sch-steps li{position:relative;padding:0 0 18px 46px;counter-increment:s}
.sch-steps li::before{content:counter(s);position:absolute;left:0;top:-2px;width:30px;height:30px;border-radius:50%;background:var(--sch-tint);color:var(--sch-gold-text);font:600 15px/30px var(--sans);text-align:center}
.sch-steps b{display:block;margin-bottom:2px;font-size:16.5px}
.sch-steps span{display:block;font-size:15px;line-height:1.55;color:var(--sch-ink2)}
.sch-steps .sch-btn{width:auto;display:inline-flex;min-height:46px;margin-top:10px;padding:0 22px;font-size:15.5px}
.sch-note{margin:6px 0 0;padding:12px 14px;border-left:3px solid #D8A83F;background:var(--sch-tint);border-radius:0 10px 10px 0;font-size:15px;line-height:1.5;color:var(--sch-ink)}

@media (min-width:560px){
  .sch{padding:44px 24px 110px}
  .sch-card{padding:34px 34px 28px}
}

/* desktop: copy and card on the left, the arch on the right (as on wakingup.com/scholarship) */
@media (min-width:960px){
  .sch{display:grid;grid-template-columns:minmax(0,620px) minmax(0,1fr);column-gap:clamp(48px,7vw,120px);align-items:start;padding-top:72px}
  .sch-hero{display:contents}
  .sch-copy{grid-column:1;grid-row:1}
  .sch-card{grid-column:1;grid-row:2;margin-top:34px}
  .sch-arch{grid-column:2;grid-row:1 / span 2;position:sticky;top:120px;width:100%;max-width:380px;margin:12px 0 0 auto}
  .sch-copy h1{font-size:64px}
}

@media (prefers-reduced-motion:reduce){
  .sch-btn{transition:none}
  .offer-drop.in{animation:none}
}

/* sign in first (owner 10/05) */
.sch-sso-stack,.sch-step{display:flex;flex-direction:column;gap:10px}
.sch-step{margin-top:16px}
.sch-step .sch-label{margin:0}
.sch-step .sch-btn{margin-top:4px}
.sch-sso{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;padding:0 20px;border:1.5px solid var(--sch-line2);border-radius:30px;background:#fff;font:700 16.5px/1 var(--sans);color:var(--sch-ink);cursor:pointer}
.sch-sso:hover{background:var(--sch-tint)}
.sch-sso:disabled{opacity:.55;cursor:default}
.sch-sso:focus-visible{outline:3px solid var(--sch-green);outline-offset:3px}
.sch-who{margin:0 0 16px;font-size:15px;color:var(--sch-ink3);overflow-wrap:anywhere}
.sch-who b{color:var(--sch-ink)}
.sch-inline-link{padding:0;border:0;background:none;font:700 15px/1.4 var(--sans);color:var(--sch-gold-text);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#schEmail[readonly]{background:var(--sch-tint);color:var(--sch-ink2)}