@import "https://fonts.googleapis.com/css2?family=Outfit&display=swap";
:root{--primary-color:#256b5e;--primary-light:#2d8270;--primary-dark:#1d5448;--bg-main:#fafafa;--bg-content:#fff;--text-primary:#1a1a1a;--text-secondary:#4a5568;--text-muted:#718096;--border-color:#e2e8f0;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #00000014}html{scroll-behavior:smooth}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--bg-main);color:var(--bg-content);font-family:Outfit,sans-serif}input:-webkit-autofill{-webkit-text-fill-color:#4a4a4a!important;box-shadow:inset 0 0 0 1000px #fff!important}input:-webkit-autofill:hover{-webkit-text-fill-color:#4a4a4a!important;box-shadow:inset 0 0 0 1000px #fff!important}input:-webkit-autofill:focus{-webkit-text-fill-color:#4a4a4a!important;box-shadow:inset 0 0 0 1000px #fff!important}input:-webkit-autofill:active{-webkit-text-fill-color:#4a4a4a!important;box-shadow:inset 0 0 0 1000px #fff!important}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;z-index:9999;background:#0f0f0f73;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.modal-backdrop.active{opacity:1;pointer-events:all}.modal-card{text-align:center;background:#fff;border-radius:18px;width:92%;max-width:380px;padding:28px 24px;transition:transform .25s,opacity .25s;transform:translateY(12px)scale(.96);box-shadow:0 20px 60px #00000026}.modal-backdrop.active .modal-card{transform:translateY(0)scale(1)}.icon-wrapper{background:#f4f6f8;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.icon-wrapper svg{color:#222;width:28px;height:28px}.spin{animation:1s linear infinite spin}.modal-card h2{color:#111;margin-bottom:6px;font-size:20px;font-weight:600}.modal-card p{color:#555;margin-bottom:18px;font-size:14px}.modal-card .ok-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 18px;font-size:14px;transition:opacity .2s}.ok-btn:hover{opacity:.85}@keyframes spin{to{transform:rotate(360deg)}}