*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:Segoe UI,sans-serif;background:#f0f4f8}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem}.contact-form,.thanks{background:#fff;width:100%;max-width:500px;padding:2rem;border-radius:12px;box-shadow:0 4px 16px #0000001a}h1{margin-bottom:1rem;text-align:center;font-size:1.75rem}p{margin-bottom:1rem;text-align:center;color:#555}label{display:block;margin-bottom:1rem;font-weight:500}input,textarea{width:100%;padding:.6rem;margin-top:.25rem;border:1px solid #ccc;border-radius:8px;font-size:1rem}button{width:100%;margin-top:1rem;padding:.75rem;background-color:#07f;color:#fff;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease-in-out}button:hover{background-color:#005fcc}.thanks{text-align:center;background-color:#e6ffed;color:#215732;border:1px solid #a5d6a7}