@font-face{font-family:"DM Sans";src:url("assets/fonts/dm-sans-400.ttf")}@font-face{font-family:"DM Sans";src:url("assets/fonts/dm-sans-700.ttf");font-weight:700}
:root{color-scheme:light;background:#f2f6f4;color:#17312b;font-family:"DM Sans",sans-serif}
body{min-height:100vh;display:grid;place-items:center;margin:0;padding:24px}
.callback-card{width:min(520px,100%);box-sizing:border-box;padding:36px;border:1px solid #c7d5d0;border-radius:18px;background:#fff;box-shadow:0 20px 50px #17312b18;text-align:center}
.callback-card::before{content:"";display:block;width:38px;height:38px;margin:0 auto 18px;border:4px solid #d8e4df;border-top-color:#19674f;border-radius:50%;animation:spin .8s linear infinite}
.callback-card[data-state="success"]::before{content:"✓";height:auto;border:0;color:#087655;font-size:40px;animation:none}
.callback-card[data-state="error"]::before{content:"!";height:auto;border:0;color:#a23a32;font-size:40px;font-weight:700;animation:none}
h1{margin:0 0 10px;font-size:clamp(24px,5vw,34px)}p{margin:0;color:#50655f;line-height:1.55}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.callback-card::before{animation:none}}