@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');
:root{--ink:#4f2b16;--gold:#c89b38;--gold-soft:#ead8b2;--paper:#fffdf9;--muted:#74695f;--line:#e8dfd1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:32px 16px 48px;background:linear-gradient(135deg,#fbf8f1 0%,#f4ead8 100%);color:#302820;font-family:'DM Sans',Arial,sans-serif;line-height:1.5}
.container{max-width:760px;margin:0 auto;background:var(--paper);padding:30px clamp(20px,5vw,54px) 42px;border:1px solid #eee4d4;border-radius:18px;box-shadow:0 18px 55px rgba(79,43,22,.10);position:relative;overflow:hidden}
.container:before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--gold),#ead8b2,var(--ink))}
.logo{display:block;margin:0 auto 16px;object-fit:contain;max-height:112px}
h4{text-align:center;font-size:15px;font-weight:500;color:var(--muted);margin:8px 0 4px}h2{text-align:center;font:700 clamp(27px,4vw,35px)/1.2 'Playfair Display',Georgia,serif;color:var(--ink);margin:8px 0 14px}
.intro-note{text-align:center;max-width:480px;margin:0 auto 28px;color:var(--muted);font-size:14px}
.section-heading{font:700 18px 'Playfair Display',Georgia,serif;color:var(--ink);padding:16px 0 10px;margin:12px 0 18px;border-bottom:1px solid var(--gold-soft);position:relative}
.section-heading:after{content:'';position:absolute;bottom:-1px;left:0;width:58px;height:2px;background:var(--gold)}
.form-group{margin:0 0 19px}.form-group label{display:block;font-size:13px;font-weight:700;color:#514438;margin:0 0 7px}
.form-group input,.form-group textarea,.form-group select{display:block;width:100%;padding:12px 13px;border:1px solid #ded4c5;border-radius:9px;background:#fff;color:#302820;outline:none;font:15px 'DM Sans',Arial,sans-serif;transition:border-color .2s,box-shadow .2s}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(200,155,56,.15)}.form-group textarea{resize:vertical;min-height:94px}.form-group select{cursor:pointer}
button{width:100%;padding:15px 20px;border:0;border-radius:9px;background:var(--ink);color:#fff;font:700 15px 'DM Sans',Arial,sans-serif;letter-spacing:.2px;cursor:pointer;transition:background .2s,transform .2s}button:hover{background:#6a3b1e;transform:translateY(-1px)}button:disabled{opacity:.7;cursor:wait;transform:none}
.form-group:last-child{margin-top:26px}.hidden{display:none}center{display:block}
@media(max-width:560px){body{padding:12px 10px 28px}.container{padding:24px 18px 30px;border-radius:13px}.logo{max-height:86px}h4{font-size:13px}.intro-note{font-size:13px;margin-bottom:22px}.section-heading{font-size:17px}.form-group{margin-bottom:16px}.form-group input,.form-group textarea,.form-group select{font-size:16px}}
