:root{--green:#1f7a4c}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:var(--navy);background:linear-gradient(#fff8f0 0%,#f8f0e3 100%);font-family:Nunito,sans-serif}main{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:40px 24px 56px}.hero{margin-bottom:24px}.page-title{margin-bottom:10px;font-family:Fredoka One,cursive;font-size:clamp(1.9rem,4vw,2.7rem);line-height:1.15}.hero-copy{color:#5d6470;max-width:760px;font-size:1rem;font-weight:600;line-height:1.7}.request-wrap{justify-content:center;align-items:center;min-height:calc(100vh - 260px);display:flex}.card,.panel{background:#ffffffeb;border:1px solid #d4a84333;border-radius:28px;box-shadow:0 14px 36px #1b2a4a14}.card{width:100%;max-width:480px;padding:56px 48px}.icon-wrap{background:var(--cream);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 24px;display:flex}.icon-wrap svg{width:30px;height:30px;color:var(--gold)}.request-title{text-align:center;margin-bottom:10px;font-family:Fredoka One,cursive;font-size:clamp(1.5rem,4vw,2rem)}.subtitle{text-align:center;color:var(--gray);margin-bottom:28px;font-size:.95rem;font-weight:600;line-height:1.65}.field-label,.form-field label{margin-bottom:8px;font-size:.88rem;font-weight:800;display:block}input{border:2px solid var(--cream-dark);width:100%;font:inherit;color:var(--navy);background:#fffdfa;border-radius:12px;outline:none;padding:13px 14px;transition:border-color .2s}input:focus{border-color:var(--navy)}.btn-submit,.btn{font:inherit;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 22px;font-weight:800;text-decoration:none;transition:transform .2s,opacity .2s,background .2s,color .2s;display:inline-flex}.btn-submit:hover:not(:disabled),.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-submit:disabled,.btn:disabled{opacity:.65;cursor:not-allowed}.btn-submit{background:var(--red);width:100%;color:var(--white);margin-top:16px}.btn-submit:hover:not(:disabled){background:#9a1e23}.btn-primary{background:var(--red);color:var(--white)}.btn-primary:hover:not(:disabled){background:#9a1e23}.btn-secondary{color:var(--navy);background:#1b2a4a14}.btn-secondary:hover:not(:disabled){background:#1b2a4a24}.form-error{color:var(--red);margin-top:12px;font-size:.92rem;font-weight:700;line-height:1.5;display:none}.success-body{color:var(--gray);text-align:center;margin-top:10px;font-size:.95rem;font-weight:600;line-height:1.7}.panel{padding:28px}.panel h2{margin-bottom:8px;font-family:Fredoka One,cursive;font-size:1.3rem}.panel-subtitle{color:var(--gray);margin-bottom:20px;font-size:.95rem;font-weight:600;line-height:1.65}.content-shell,.hero-content{max-width:760px;margin:0 auto}.subscription-list{gap:12px;display:grid}.subscription-card{border:2px solid var(--cream-dark);background:var(--white);cursor:pointer;text-align:left;border-radius:18px;width:100%;padding:16px;transition:border-color .2s,transform .2s,box-shadow .2s}.subscription-card:hover{border-color:#d4a843cc;transform:translateY(-1px);box-shadow:0 10px 20px #1b2a4a0f}.subscription-card.active{border-color:var(--gold);background:linear-gradient(#fffdf7 0%,#fff7e8 100%)}.subscription-label{color:var(--navy);margin-bottom:6px;font-size:1rem;font-weight:800}.subscription-meta{color:#5d6470;font-size:.92rem;font-weight:600;line-height:1.6}.badge-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.badge{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;align-items:center;padding:5px 10px;font-size:.76rem;font-weight:800;display:inline-flex}.badge-plan{color:var(--navy);background:#1b2a4a14}.badge-status{color:#8a6517;background:#d4a8432e}.badge-status.active{color:var(--green);background:#1f7a4c1f}.badge-status.cancelling{color:var(--red);background:#c1272d1f}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.summary-box{background:var(--cream);border-radius:18px;padding:16px}.summary-box .label{text-transform:uppercase;letter-spacing:.08em;color:var(--gray);margin-bottom:6px;font-size:.78rem;font-weight:800}.summary-box .value{color:var(--navy);font-size:1rem;font-weight:700;line-height:1.55}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-field.full{grid-column:1/-1}.actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.details-form-compact .actions{margin-top:0}.status-message{border-radius:16px;margin-bottom:18px;padding:14px 16px;font-weight:700;line-height:1.55;display:none}.status-message.success{color:var(--green);background:#1f7a4c1f;display:block}.status-message.error{color:var(--red);background:#c1272d1f;display:block}.back-manage{color:var(--navy);font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:18px;padding:0;font-weight:800;display:inline-flex}.back-manage svg{width:16px;height:16px}.empty-state{text-align:center;padding:56px 24px}.empty-state p{color:var(--gray);font-weight:600;line-height:1.7}.loading-state{text-align:center;justify-content:center;align-items:center;min-height:calc(100vh - 260px);padding:24px;display:flex}.loading-state p{color:var(--gray);font-size:1rem;font-weight:700;line-height:1.5}.center-shell{max-width:760px;margin:0 auto}.hidden{display:none!important}@media (width<=560px){main{padding:32px 16px 48px}.request-wrap,.loading-state{min-height:calc(100vh - 220px)}.card{border-radius:22px;padding:40px 24px}.panel{border-radius:22px;padding:22px}.summary-grid,.form-grid{grid-template-columns:1fr}}