@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');

:root{font-family:'DM Sans',Arial,sans-serif;color:#242247;background:#f5f6fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 12%,rgba(255,255,255,.16),transparent 18rem),radial-gradient(circle at 89% 21%,rgba(255,150,41,.19),transparent 20rem),radial-gradient(circle at 18% 75%,rgba(110,119,255,.28),transparent 24rem),radial-gradient(circle at 83% 88%,rgba(255,255,255,.09),transparent 18rem),linear-gradient(145deg,#17185f 0%,#292781 50%,#151453 100%);background-attachment:fixed}.page{width:min(100% - 32px,920px);margin:0 auto;padding:54px 0 40px}.page-heading{text-align:center;color:#fff;margin:0 auto 34px}.eyebrow,.section-kicker,.envelope-id{font-size:.69rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.eyebrow{color:#ffae41}.page-heading h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(2.5rem,6vw,4.25rem);font-weight:500;line-height:1.08;margin:13px 0 10px}.page-heading h1 em{color:#ff9b25;font-weight:500}.page-heading p{font-size:.96rem;color:#e4e3fa;margin:0}.envelope{position:relative;overflow:hidden;background:#ffffff;border:1px solid #c4c3e5;border-left:12px solid #f58d18;border-radius:3px;box-shadow:0 22px 65px rgba(17,15,85,.27);padding:32px 42px 25px}.envelope:before{content:'';position:absolute;inset:8px;border:1px solid #e3e2f3;pointer-events:none}.envelope>*{position:relative}.envelope-top,.envelope-title-row,.contributions-heading,.contribution,.total-panel,.envelope-bottom{display:flex;align-items:center;justify-content:space-between}.envelope-top{gap:20px;padding-bottom:20px;border-bottom:1px solid #cbcae9}.brand{display:flex;gap:14px;align-items:center}.brand-logo{width:92px;height:84px;object-fit:contain}.brand-name{font-size:.78rem;font-weight:700;line-height:1.35;letter-spacing:.08em;color:#242273}.envelope-id{color:#f08b19;text-align:right}.envelope-title-row{padding:26px 0 21px}.section-kicker{color:#ec8618}.envelope-title-row h2{font-family:'Playfair Display',Georgia,serif;font-size:2.15rem;font-weight:500;margin:6px 0 0;color:#262366}.envelope-ornament{font-family:Georgia,serif;font-size:2.8rem;color:#f59423}.salary-panel{display:grid;grid-template-columns:1fr 255px;gap:5px 22px;align-items:center;background:#f5f5fc;border:1px solid #d8d7ed;padding:17px 20px;margin:0 0 27px}.salary-panel label{font-weight:700;font-size:.97rem}.salary-panel small{grid-column:1/-1;color:#696788;font-size:.75rem}.money-input{display:flex;align-items:center;background:#fff;border:1px solid #c9c8e2;min-height:43px;padding:0 12px;gap:8px;transition:border-color .2s,box-shadow .2s}.money-input:focus-within{border-color:#f18b1b;box-shadow:0 0 0 3px #ff9b2540}.money-input span{font-size:.78rem;font-weight:700;color:#38338c}.money-input input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#242247;font:600 .98rem 'DM Sans',Arial,sans-serif;text-align:right;padding:9px 0}.salary-input input{font-size:1.2rem}.money-input input::placeholder{color:#9998b2}.contributions-heading{border-bottom:2px solid #f48b19;padding:0 1px 10px;color:#35318a;font-size:.7rem;letter-spacing:.14em;font-weight:700;text-transform:uppercase}.contributions{padding-bottom:7px}.contribution{gap:20px;padding:11px 1px;border-bottom:1px solid #e9e9f4}.contribution-copy{display:flex;flex-direction:column;gap:3px}.contribution label{font-size:.94rem;font-weight:700;color:#27245d}.contribution label span{color:#ec8618;font-size:.78rem;font-weight:600;margin-left:4px}.contribution small{color:#797895;font-size:.72rem}.contribution .money-input{width:205px;min-height:38px}.contribution .money-input input{font-size:.94rem;padding:7px 0}.total-panel{gap:20px;background:#282575;color:#fff;margin:20px -15px 0;padding:16px 20px}.total-panel>div{display:flex;flex-direction:column;gap:2px}.total-panel span{font-weight:700}.total-panel small{color:#d1d0ee;font-size:.72rem}.total-panel output{color:#ffad3b;font-size:1.45rem;font-weight:700;white-space:nowrap}.envelope-bottom{gap:20px;padding-top:23px;color:#77758d;font-size:.68rem}.envelope-bottom b{color:#f18b1b;margin:0 4px}.actions{display:flex;justify-content:center;gap:12px;margin:28px 0 10px}.actions button{border:1px solid #f18b1b;background:#f18b1b;color:#242273;padding:12px 22px;font:700 .88rem 'DM Sans',Arial,sans-serif;cursor:pointer;transition:transform .2s,background .2s}.actions button:hover{background:#ffa53a;transform:translateY(-1px)}.actions .secondary{color:#302d7e;background:#fff;border-color:#c4c3e5}.actions .secondary:hover{background:#eeedfa}.privacy-note{text-align:center;color:#e3e2f4;font-size:.75rem;line-height:1.5;margin:0}
@media(max-width:650px){.page{width:min(100% - 20px,480px);padding-top:35px}.page-heading{margin-bottom:25px}.page-heading p{font-size:.87rem}.envelope{border-left-width:7px;padding:24px 20px 20px}.envelope-top{padding-bottom:16px}.brand{gap:6px}.brand-logo{width:62px;height:57px}.brand-name{font-size:.58rem}.envelope-id{font-size:.56rem;max-width:95px}.envelope-title-row{padding:22px 0 18px}.envelope-title-row h2{font-size:1.75rem}.section-kicker{font-size:.55rem}.envelope-ornament{font-size:2rem}.salary-panel{grid-template-columns:1fr;padding:14px;gap:9px;margin-bottom:23px}.salary-panel small{font-size:.7rem}.contribution{gap:8px}.contribution label{font-size:.78rem}.contribution label span{font-size:.69rem}.contribution small{font-size:.63rem}.contribution .money-input{width:132px;padding:0 6px;gap:4px}.money-input span{font-size:.67rem}.contribution .money-input input{font-size:.84rem}.total-panel{margin-left:-7px;margin-right:-7px;padding:13px}.total-panel output{font-size:1.16rem}.envelope-bottom{align-items:flex-start;flex-direction:column;gap:7px;font-size:.6rem}.actions{flex-wrap:wrap}.actions button{flex:1 1 150px;padding:12px 8px}}
@media print{@page{size:A4;margin:14mm}body{background:#fff}.page{width:100%;padding:0}.page-heading,.actions,.privacy-note{display:none}.envelope{box-shadow:none;break-inside:avoid;border-color:#a5a3d3;padding:24px 32px}.envelope:before{border-color:#d8d7ed}.salary-panel,.total-panel{-webkit-print-color-adjust:exact;print-color-adjust:exact}.contribution{padding:8px 1px}.envelope-bottom{padding-top:16px}}

.actions .whatsapp{background:#1f8f5a;border-color:#1f8f5a;color:#fff}.actions .whatsapp:hover{background:#187449;border-color:#187449}

.contribution .money-input{background:#f8f8fc}.contribution input[readonly]{cursor:default}
.brand-logo-frame{display:block;position:relative;flex:none;width:100px;height:72px;overflow:hidden;background:#fff}
.brand-logo-frame .brand-logo{position:absolute;display:block;max-width:none;width:117px;height:auto;left:-8px;top:-18px;object-fit:initial}
@media(max-width:650px){.brand-logo-frame{width:70px;height:50px}.brand-logo-frame .brand-logo{width:82px;height:auto;left:-6px;top:-13px}}