.mship{background:var(--brand-ivory)}.mship-hero{isolation:isolate;color:#fff;padding:170px 0 150px;position:relative;overflow:hidden}.mship-hero__img{z-index:-2;object-fit:cover;object-position:center 60%;width:100%;height:100%;position:absolute;inset:0}.mship-hero__overlay{z-index:-1;background:linear-gradient(100deg,#400c0ce0 0%,#6e1616a8 50%,#f26a2147 100%);position:absolute;inset:0}.mship-hero__content{position:relative}.mship-hero h1{color:var(--brand-ivory);font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.12}.mship-hero h1 span{color:var(--gold-pale)}.mship-hero__content>p:last-child{color:#fff9eee6;max-width:52ch;margin-top:18px;font-size:1.08rem;font-weight:300}.mship-body{padding:0 0 var(--section-y);position:relative}.mship-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:32px;margin-top:-90px;display:grid}.portal{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#fff;border:1px solid #c99a2e73;padding:clamp(24px,4vw,48px);position:relative}.stepper{counter-reset:step;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:34px;display:grid}.stepper li{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.stepper li:not(:last-child):after{content:"";background:var(--line);border-radius:2px;height:2px;position:absolute;top:17px;left:calc(50% + 24px);right:calc(24px - 50%)}.stepper li.is-done:not(:last-child):after{background:linear-gradient(90deg, var(--brand-orange), var(--gold-soft))}.stepper__dot{width:36px;height:36px;color:var(--text-soft);background:var(--ivory-deep);border:1.5px solid var(--line);border-radius:50%;place-items:center;font-size:.9rem;font-weight:600;transition:background .4s,color .4s,border-color .4s,box-shadow .4s;display:grid}.stepper__dot svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.stepper li.is-done .stepper__dot{background:var(--brand-orange);border-color:var(--brand-orange);color:#fff}.stepper li.is-current .stepper__dot{border-color:var(--brand-orange);color:var(--brand-red);background:#fff;box-shadow:0 0 0 5px #f26a212e}.stepper__label{color:var(--text-soft);font-size:.78rem;font-weight:500;line-height:1.3}.stepper li.is-current .stepper__label{color:var(--brand-red);font-weight:600}.portal__notice{border-radius:var(--radius-sm);color:var(--brand-red);background:#fdf3e1;border:1px solid #f26a2159;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:22px;padding:12px 16px;font-size:.92rem;display:flex}.portal__notice button{color:var(--text-soft);background:0 0;border:0;padding:0 4px;font-size:1.3rem;line-height:1}.portal__signed-in{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:22px;font-size:.86rem;display:flex}.portal__signed-in strong{color:var(--brand-red);letter-spacing:.02em;font-weight:600}.portal__signed-in .link-btn{margin-left:auto}.portal__body{animation:stepIn .5s var(--ease)}@keyframes stepIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.portal__loading{min-height:220px;color:var(--text-soft);justify-content:center;align-items:center;gap:12px;display:flex}.portal__switch{border-top:1px solid var(--line);text-align:center;color:var(--text-soft);margin-top:28px;padding-top:22px;font-size:.92rem}.link-btn{font:inherit;color:var(--orange-deep);text-underline-offset:4px;background:0 0;border:0;padding:0;font-weight:600;-webkit-text-decoration:underline #f26a2159;text-decoration:underline #f26a2159;transition:color .3s,text-decoration-color .3s}.link-btn:hover{color:var(--brand-red);text-decoration-color:currentColor}.link-btn:disabled{opacity:.5;cursor:default}.step-form{gap:20px;display:grid}.step-head h2{margin-bottom:8px;font-size:clamp(1.8rem,3vw,2.3rem)}.step-head p{color:var(--text-soft);font-size:.98rem}.field{gap:7px;display:grid}.field label{color:var(--brand-red);font-size:.88rem;font-weight:600}.field input{border-radius:var(--radius-sm);background:var(--brand-ivory);width:100%;font:inherit;color:var(--text);border:1.5px solid #8b1e1e33;padding:14px 16px;font-size:1rem;transition:border-color .25s,box-shadow .25s,background .25s}.field input::placeholder{color:#a58c7c}.field input:focus{border-color:var(--brand-orange);background:#fff;outline:none;box-shadow:0 0 0 4px #f26a2129}.field.has-error input{background:#fff8f5;border-color:#a8321c}.field.has-error input:focus{box-shadow:0 0 0 4px #b4231824}.field__hint{color:var(--text-soft);font-size:.8rem}.field__error{color:#b42318;font-size:.82rem;font-weight:500}.input-prefix{align-items:stretch;display:flex}.input-prefix span{border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:var(--ivory-deep);color:var(--brand-red);border:1.5px solid #8b1e1e33;border-right:0;place-items:center;padding:0 14px;font-size:.95rem;font-weight:600;display:grid}.input-prefix input{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.otp-input{letter-spacing:.5em;text-align:center;font-weight:600;padding-left:calc(16px + .5em)!important;font-size:1.6rem!important}.check{color:var(--text-soft);cursor:pointer;align-items:flex-start;gap:12px;font-size:.9rem;display:flex;position:relative}.check input{opacity:0;width:22px;height:22px;margin:0;position:absolute}.check__box{background:var(--brand-ivory);border:1.5px solid #8b1e1e4d;border-radius:7px;flex-shrink:0;width:22px;height:22px;margin-top:1px;transition:background .2s,border-color .2s}.check input:checked+.check__box{background:var(--brand-orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 15px no-repeat;border-color:var(--brand-orange)}.check input:focus-visible+.check__box{outline:2px solid var(--brand-gold);outline-offset:3px}.check em{opacity:.7;font-style:normal}.form-error,.form-info,.dev-hint{border-radius:var(--radius-sm);padding:12px 16px;font-size:.9rem}.form-error{color:#912018;background:#fef3f2;border:1px solid #fecdca}.form-info{color:var(--brand-red);background:#fdf3e1;border:1px solid #f26a2159}.dev-hint{color:#4c1d95;background:#f5f3ff;border:1px dashed #a78bfa}.dev-hint span{letter-spacing:.08em;text-transform:uppercase;background:#ede9fe;border-radius:999px;margin-right:6px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.dev-hint strong{letter-spacing:.12em;font-size:1.05rem}.form-callout{border-radius:var(--radius-sm);color:var(--brand-red);background:#fdf3e1;border:1px solid #f26a2166;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:.92rem;display:flex}.form-callout p{flex:260px}.step-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:6px;display:flex}.step-actions--split{justify-content:space-between;align-items:center}.resend{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:8px 18px;font-size:.9rem;display:flex}.nowrap{white-space:nowrap}.break{overflow-wrap:anywhere}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn .arrow{transition:transform .35s var(--ease)}.spinner{border:2.5px solid #f26a2140;border-top-color:var(--brand-gold);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}.spinner--light{border-color:#fff #ffffff59 #ffffff59}.skeleton{background:linear-gradient(90deg, var(--ivory-deep), #f4e6cc, var(--ivory-deep));vertical-align:middle;background-size:200% 100%;border-radius:6px;width:90px;height:1em;animation:1.4s linear infinite shimmer;display:inline-block}@keyframes shimmer{to{background-position:-200% 0}}.summary{border:1px solid var(--line);border-radius:var(--radius);margin:0;display:grid;overflow:hidden}.summary>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.summary>div:last-child{border-bottom:0}.summary dt{color:var(--text-soft);flex-shrink:0;font-size:.86rem}.summary dd{color:var(--text);text-align:right;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin:0;font-weight:500;display:flex}.summary__total{background:linear-gradient(120deg,#fdf3e1,#f8ead0)}.summary__total dt{color:var(--brand-red);font-weight:600}.summary__total dd{font-family:var(--font-display);color:var(--brand-red);font-size:1.8rem;font-weight:700}.badge{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;padding:3px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.badge--ok{color:#067647;background:#ecfdf3}.badge--test{color:#5b21b6;background:#f5f3ff;margin-left:8px}.btn--pay{padding-inline:34px}.lock-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;flex-shrink:0;width:16px;height:16px}.secure-note{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:6px;font-size:.8rem;display:flex}.status-box{border-radius:var(--radius);background:var(--ivory-deep);border:1px solid #c99a2e99;align-items:center;gap:14px;padding:16px 18px;display:flex}.status-box>div{flex:1;gap:2px;display:grid}.status-box strong{color:var(--brand-red);font-weight:600}.status-box span:not(.spinner){color:var(--text-soft);font-size:.88rem}.status-box--info{background:#fdf3e1;flex-wrap:wrap}.success{text-align:center;justify-items:center;gap:14px;display:grid}.success__seal{background:radial-gradient(circle, #fff9ee, var(--gold-pale) 60%, var(--gold-soft));width:88px;height:88px;animation:sealIn .9s var(--ease);border-radius:50%;place-items:center;display:grid;box-shadow:0 0 0 10px #e9cf8e59,0 18px 40px -12px #f26a2199}.success__seal svg{width:46px;height:46px}.success__seal path{fill:var(--brand-red)}.success__seal .flame{fill:var(--brand-orange);transform-origin:32px 30px;animation:2.6s ease-in-out infinite flicker}@keyframes sealIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.success__eyebrow{font-family:var(--font-deva);color:var(--gold-text);margin-top:8px;font-size:1.15rem}.success h2{font-size:clamp(2rem,4vw,2.8rem)}.success__lead{color:var(--text-soft);max-width:46ch}.member-card{border-radius:var(--radius-lg);text-align:left;width:100%;color:var(--ivory-deep);background:radial-gradient(circle at 100% 0,#e9cf8e40,#0000 45%),linear-gradient(130deg,#7a1a1a,#641313);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:10px;padding:26px 28px;display:flex;box-shadow:0 24px 50px -24px #400c0ccc}.member-card__label{letter-spacing:.22em;text-transform:uppercase;color:var(--gold-soft);font-size:.72rem;font-weight:600;display:block}.member-card__id{font-family:var(--font-display);letter-spacing:.04em;color:#fff9ee;margin-top:4px;font-size:clamp(2rem,5vw,2.6rem);display:block}.member-card__meta{gap:8px;font-size:.92rem;display:grid}.member-card__meta em{letter-spacing:.16em;text-transform:uppercase;color:#c99a2ed9;font-size:.7rem;font-style:normal;display:block}.docs{text-align:left;gap:14px;width:100%;margin-top:18px;display:grid}.docs h3{font-size:1.5rem}.doc-list{gap:12px;display:grid}.doc{border-radius:var(--radius);border:1px solid var(--line);background:var(--brand-ivory);align-items:center;gap:16px;padding:16px 18px;display:flex}.doc__icon{background:linear-gradient(145deg, var(--gold-pale), var(--gold-soft));width:44px;height:44px;color:var(--brand-red);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.doc__icon svg,.btn-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.doc__text{flex:1;gap:2px;min-width:0;display:grid}.doc__text strong{color:var(--brand-red)}.doc__text span{color:var(--text-soft);font-size:.84rem}.success__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 24px;margin-top:14px;display:flex}.mship-aside{gap:18px;display:grid;position:sticky;top:96px}.fee-card{border-radius:var(--radius-lg);color:var(--ivory-deep);background:radial-gradient(circle at 0% 0%, #e9cf8e4d, transparent 50%), linear-gradient(135deg, var(--brand-red), var(--brand-maroon));gap:4px;padding:26px;display:grid;box-shadow:0 24px 50px -24px #641313cc}.fee-card__label{letter-spacing:.2em;text-transform:uppercase;color:var(--gold-pale);font-size:.75rem;font-weight:600}.fee-card__amount{font-family:var(--font-display);color:#fff;font-size:3rem;line-height:1.1}.fee-card__amount .skeleton{opacity:.4;width:140px;height:2.4rem}.fee-card__note{color:#fff9eed9;font-size:.84rem}.aside-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #c99a2e73;padding:24px}.aside-card h3{margin-bottom:14px;font-size:1.45rem}.aside-card p{color:var(--text-soft);font-size:.9rem}.aside-card--soft{background:var(--ivory-deep);box-shadow:none}.how-list{counter-reset:how;gap:14px;display:grid}.how-list li{counter-increment:how;gap:2px;padding-left:40px;display:grid;position:relative}.how-list li:before{content:counter(how);width:28px;height:28px;color:var(--brand-red);background:linear-gradient(145deg, var(--gold-pale), var(--gold-soft));border-radius:50%;place-items:center;font-size:.8rem;font-weight:600;display:grid;position:absolute;top:0;left:0}.how-list strong{color:var(--brand-red);font-size:.92rem}.how-list span{color:var(--text-soft);font-size:.84rem}@media (max-width:980px){.mship-grid{grid-template-columns:1fr}.mship-aside{grid-template-columns:1fr 1fr;position:static}.mship-aside .aside-card--soft{grid-column:1/-1}}@media (max-width:680px){.mship-hero{padding:130px 0 120px}.mship-grid{margin-top:-70px}.mship-aside{grid-template-columns:1fr}.stepper{margin-bottom:26px}.stepper__label{font-size:.68rem}.stepper__dot{width:32px;height:32px}.stepper li:not(:last-child):after{top:15px;left:calc(50% + 20px);right:calc(20px - 50%)}.step-actions{flex-direction:column-reverse;align-items:stretch}.step-actions .btn{width:100%}.step-actions--split{flex-direction:column-reverse;align-items:stretch;gap:16px}.step-actions--split .link-btn,.resend{justify-content:center;align-self:center}.summary>div{flex-direction:column;align-items:flex-start;gap:2px}.summary dd{text-align:left;justify-content:flex-start}.doc{flex-wrap:wrap}.doc .btn{width:100%}.member-card{padding:22px}.portal__signed-in .link-btn{margin-left:0}}
