.page{min-height:100vh;background:linear-gradient(165deg,#0a2747,#163b6b 55%,#0a2747);align-items:flex-start;justify-content:center;padding:32px 16px 48px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.card,.page{display:flex}.card{width:100%;max-width:408px;background:#fff;border-radius:32px;overflow:hidden;box-shadow:0 24px 60px rgba(5,15,30,.45),0 4px 16px rgba(5,15,30,.25);flex-direction:column;min-height:calc(100vh - 64px);position:relative}@media (max-width:440px){.page{padding:0}.card{border-radius:0;min-height:100dvh;box-shadow:none}}.borderBottom,.borderTop{height:6px;background:linear-gradient(90deg,#fcef10,#fff6a8 50%,#fcef10);flex-shrink:0}.borderBottom{margin-top:auto}.header{background:#fff;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;border-bottom:1px solid #eef2f6}.brandName{font-size:12.5px;font-weight:800;color:#0a2747;letter-spacing:.6px;text-transform:uppercase}.stepDots{display:flex;gap:6px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;background:#e4eaf0;transition:all .3s}.dotActive{background:#0a2747;width:22px;border-radius:4px}.body{flex:1 1;padding:30px 24px 24px;display:flex;flex-direction:column;gap:18px;overflow-y:auto;background:#fff}.heroBlock{text-align:center}.heroEyebrow{font-size:22px;font-weight:400;font-style:italic;color:#0a2747;margin-bottom:0;letter-spacing:0}.heroEyebrow,.heroTitle{font-family:Inter,sans-serif}.heroTitle{font-size:46px;font-weight:800;line-height:1.02;letter-spacing:-1px;margin-bottom:12px}.heroTitleYellow{color:#0a2747;background:#fcef10;padding:0 8px;border-radius:8px;display:inline-block}.heroTitleIs{color:#0a2747;font-style:italic;font-weight:500;font-size:32px}.heroSub{font-size:13.5px;color:#5a6e7f;line-height:1.55;max-width:290px;margin:0 auto}.stepHeading{font-family:Inter,sans-serif;font-size:26px;font-weight:800;color:#0a2747;margin-bottom:6px;letter-spacing:-.5px}.grid{display:flex;flex-direction:column;gap:10px}.pill{width:100%;text-align:left;padding:14px 18px;background:#f5f7fa;border:1.5px solid #e4eaf0;border-radius:50px;color:#0a2747;font-size:13.5px;font-weight:600;line-height:1.4;transition:all .18s ease;cursor:pointer}.pill:hover{background:#fdfbe0;border-color:#fcef10}.pillActive{background:#0a2747!important;border-color:#0a2747!important;color:#fcef10!important;font-weight:700}.pillCustom{border-style:dashed;color:#5a6e7f;font-style:italic;font-weight:500}.customWrap{position:relative}.customInput{width:100%;padding:15px 56px 15px 20px;border:1.5px solid #fcef10;border-radius:50px;font-size:14px;color:#0a2747;background:#fffef0;outline:none;font-family:Inter,sans-serif}.customInput::placeholder{color:#aab4c4;font-style:italic}.customInput:focus{border-color:#0a2747;box-shadow:0 0 0 3px rgba(252,239,16,.3)}.charCount{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:10.5px;color:#aab4c4;font-weight:600}.cta{width:100%;padding:16px;background:#0a2747;color:#fcef10;font-size:15px;font-weight:700;border-radius:50px;letter-spacing:.3px;transition:all .25s;margin-top:4px;border:none;cursor:pointer;font-family:Inter,sans-serif}.cta:hover{background:#fcef10;color:#0a2747;transform:translateY(-2px);box-shadow:0 10px 24px rgba(10,39,71,.2)}.cta:active{transform:translateY(0)}.ctaDisabled{background:#cdd5e0;color:#fff;cursor:not-allowed}.ctaDisabled:hover{background:#cdd5e0;color:#fff;transform:none;box-shadow:none}.ctaLoading{background:#5a6e7f;cursor:wait}.ctaLoading:hover{background:#5a6e7f;color:#fcef10;transform:none;box-shadow:none}.lessonPill{background:#fdfbe0;border:1.5px solid #fcef10;border-radius:16px;padding:14px 18px;font-size:13.5px;color:#0a2747;line-height:1.55;text-align:center}.lessonPill strong{color:#0a2747;font-weight:700}.photoBtns{display:flex;flex-direction:column;gap:12px;margin:4px 0}.photoBtn{width:100%;padding:16px;background:#0a2747;color:#fff;font-size:15px;font-weight:600;border-radius:50px;display:flex;align-items:center;justify-content:center;transition:all .2s;border:none;cursor:pointer;font-family:Inter,sans-serif}.photoBtn:hover{background:#163b6b;transform:translateY(-1px)}.backBtn{background:transparent;border:1.5px solid #e4eaf0;border-radius:50px;color:#5a6e7f;font-size:13px;font-weight:700;padding:13px 20px;transition:all .2s;flex:1 1;cursor:pointer;font-family:Inter,sans-serif}.backBtn:hover{border-color:#0a2747;color:#0a2747}.twoButtons{display:flex;gap:10px}.cardPreviewWrap{border-radius:20px;overflow:hidden;box-shadow:0 16px 40px rgba(10,39,71,.22)}.digitalCard{width:100%;aspect-ratio:9/16;background:#0a2747;position:relative;overflow:hidden}.dcPhoto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;display:block}.dcHeadline{position:absolute;top:28px;left:24px;right:24px;z-index:2}.dcHeadlineLine{font-family:Inter,sans-serif;font-weight:800;font-style:italic;font-size:34px;line-height:1.1;letter-spacing:-.5px;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.35);margin:0;word-wrap:break-word}.dcHeadlineAccent{color:#fcef10;font-size:26px;line-height:1.25;display:inline-block}.dcBrandMark{position:absolute;left:24px;bottom:22px;z-index:2;display:flex;flex-direction:column;gap:2px}.dcBrandMarkName{font-size:12px;font-weight:800;color:#fff;letter-spacing:.3px;text-shadow:0 1px 6px rgba(0,0,0,.4)}.dcBrandMarkName span{color:#fcef10}.dcBrandMarkDate{font-size:10.5px;font-weight:600;color:hsla(0,0%,100%,.85);letter-spacing:.5px;text-shadow:0 1px 6px rgba(0,0,0,.4)}.consent{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.consent input[type=checkbox]{width:18px;height:18px;accent-color:#0a2747;flex-shrink:0;margin-top:2px;cursor:pointer}.consent span{font-size:12px;color:#5a6e7f;line-height:1.55}.readyText{color:#5a6e7f}.readyText,.thankYou{font-size:12.5px;text-align:center}.thankYou{color:#0a2747;padding:12px 16px;background:#fdfbe0;border-radius:12px;border:1px solid #fcef10;font-weight:600}