:root{--bg:#f6f7fb;--ink:#101d3b;--muted:#778097;--blue:#234be8;--navy:#101d45;--yellow:#ffd336;--line:#e7eaf1;--radius:16px;color-scheme:light;font-family:Cairo,Inter,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8299ff;outline-offset:4px}::selection{background:var(--yellow);color:var(--navy)}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.45}input,select,textarea{min-width:0}svg{vertical-align:middle}[dir=ltr],.latin{font-family:Inter,Cairo,sans-serif}button{border:0}.container{width:min(1320px,calc(100% - 96px));margin-inline:auto}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:13px 24px;font-weight:750;font-size:14px;border-radius:9px;line-height:1.6;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:#153acc}.btn-yellow{background:var(--yellow);color:var(--navy)}.btn-yellow:hover{background:#ffe16d}.btn-outline{background:#fff;border:1px solid var(--line)}.btn-dark{background:var(--navy);color:#fff}.text-link{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-weight:750;background:transparent;padding:0}.eyebrow{display:block;font-size:11px;letter-spacing:2px;font-weight:700;color:var(--blue);margin-bottom:9px}.muted{color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:7px;font-size:11px;padding:5px 10px;border-radius:6px;background:#edf1ff;color:var(--blue);font-weight:700}.price{font-family:Inter,Cairo,sans-serif;font-weight:800;direction:ltr;display:inline-flex;align-items:baseline;gap:5px}.price small{font-family:Cairo,sans-serif;font-size:11px;font-weight:600}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700}.field input,.field select,.field textarea{width:100%;background:#fff;border:1px solid #dfe4ee;border-radius:8px;padding:12px 14px;color:var(--ink);font-weight:500}.field textarea{resize:vertical;min-height:90px}.field input::placeholder,.field textarea::placeholder{color:#a1a9b9}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}.empty-state{text-align:center;padding:80px 20px;background:var(--bg);border-radius:16px}.empty-state app-icon{width:48px;height:48px;color:var(--blue);margin-bottom:20px}.empty-state h2{font-size:23px;margin-bottom:9px}.empty-state p{color:var(--muted);font-size:14px}.toast{position:fixed;z-index:1000;bottom:30px;left:50%;transform:translate(-50%);max-width:calc(100% - 32px);padding:15px 22px;border:1px solid #e1e7f5;box-shadow:0 8px 40px #101d4520;border-radius:12px;background:#fff;color:var(--ink);display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;animation:toast-in .2s ease-out}.toast-check{background:#e4f7ec;color:#178a50;border-radius:50%;width:24px;height:24px;display:grid;place-items:center}@keyframes toast-in{0%{opacity:0;bottom:18px}to{opacity:1;bottom:30px}}.modal-overlay{position:fixed;inset:0;background:#09142b99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal{position:relative;background:#fff;border-radius:20px;width:min(740px,100%);max-height:90vh;overflow:auto;padding:32px;box-shadow:0 20px 90px #0003}.modal-close{position:absolute;left:18px;top:18px;display:grid;place-items:center;width:34px;height:34px;background:var(--bg);border-radius:50%}.error-text{color:#c13838;font-size:12px;margin:8px 0}.success-text{color:#158b58;font-size:12px}.divider{border:0;border-top:1px solid var(--line);margin:24px 0}@media(max-width:1000px){.container{width:calc(100% - 48px)}}@media(max-width:600px){.container{width:calc(100% - 32px)}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.btn{padding:12px 18px}.modal{padding:28px 20px}.toast{bottom:20px}}