*{box-sizing:border-box}body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#374151;background-color:#f8fafc;transition:direction .3s ease}[dir=rtl]{font-family:Segoe UI,Arial Hebrew,David,Narkisim,Times New Roman,sans-serif}html{scroll-behavior:smooth}html,body{height:100%}app-root{height:100%;display:flex;flex-direction:column}main{padding-top:72px}h1,h2,h3,h4,h5,h6{margin:0 0 1rem;font-weight:700;line-height:1.2;color:#1e3a8a;text-transform:uppercase;letter-spacing:.5px}p{margin:0 0 1rem;color:#374151;line-height:1.6}a{color:#1e3a8a;text-decoration:none;transition:color .2s ease;font-weight:500}a:hover{color:#1e40af}[dir=rtl],[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6,[dir=rtl] p,[dir=rtl] button,[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select{text-align:right}[dir=rtl] ul,[dir=rtl] ol{padding-right:1.5rem;padding-left:0}[dir=rtl] .flex-row{flex-direction:row-reverse}[dir=rtl] .grid{direction:rtl}[dir=ltr],[dir=ltr] h1,[dir=ltr] h2,[dir=ltr] h3,[dir=ltr] h4,[dir=ltr] h5,[dir=ltr] h6,[dir=ltr] p,[dir=ltr] button,[dir=ltr] input,[dir=ltr] textarea,[dir=ltr] select{text-align:left}[dir=ltr] ul,[dir=ltr] ol{padding-left:1.5rem;padding-right:0}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.btn{display:inline-block;padding:1rem 2rem;border:2px solid #1e3a8a;border-radius:0;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:all .2s ease;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.btn.btn-primary{background:#1e3a8a;color:#fff}.btn.btn-primary:hover{background:#1e40af;transform:translateY(-2px);box-shadow:0 4px 16px #1e3a8a66}.btn.btn-secondary{background:#fff;color:#1e3a8a;border:2px solid #1e3a8a}.btn.btn-secondary:hover{background:#1e3a8a;color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #1e3a8a4d}.btn.btn-danger{background:#dc2626;color:#fff;border-color:#dc2626}.btn.btn-danger:hover{background:#b91c1c;border-color:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 16px #dc262666}input,textarea,select{font-family:inherit;font-size:1rem;border:2px solid #d1d5db;border-radius:0;padding:.75rem;transition:border-color .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:#1e3a8a;box-shadow:0 0 0 3px #1e3a8a1a}.container{max-width:1200px;margin:0 auto;padding:0 15px}@media (min-width: 480px){.container{padding:0 20px}.btn{padding:.875rem 1.75rem;font-size:.95rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}@media (min-width: 768px){.container{padding:0 30px}.btn{padding:1rem 2rem;font-size:.9rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}}@media (min-width: 1024px){.container{padding:0 40px}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:2rem}}@media (min-width: 1200px){.container{padding:0 20px}}.grid{display:grid;gap:1rem}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media (min-width: 480px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.sm\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.m-2{margin:.5rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}@media (min-width: 768px){.md\:text-lg{font-size:1.125rem}.md\:text-xl{font-size:1.25rem}.md\:text-2xl{font-size:1.5rem}.md\:text-3xl{font-size:1.875rem}}.hidden{display:none}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}@media (min-width: 768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}}@media (min-width: 1024px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading{animation:spin 1s linear infinite}