:root{--qt-navy: #015792;--qt-navy-dark: #013d66;--qt-navy-light: #35719b;--qt-navy-light-dark: #2b5d80;--qt-navy-tint: #deebf8;--qt-green: #218838;--qt-green-dark: #1a6e2e;--qt-slate: #5a6a7e;--qt-slate-dark: #3d5068;--qt-amber: #b45309;--qt-amber-dark: #92400e;--qt-red: #dc3545;--qt-red-dark: #c82333;--qt-text: #333;--qt-text-muted: #6b7280;--qt-text-muted-strong: #4b5563;--qt-red-text: #b91c1c;--qt-border: #e0e6ed;--qt-surface: #fff;--qt-surface-sunken: #f8fafc;--qt-radius-field: 0;--qt-radius-control: 6px;--qt-radius-panel: 8px}.sub-header{background:var(--qt-navy);color:#fff;padding:5.5rem 2rem 1rem;text-align:center}.sub-header h2{margin:0;font-size:1.5rem;font-weight:300}.form-container{margin:0 2rem;background:var(--qt-surface);padding:0;border-bottom:1px solid var(--qt-border)}.filter-section{background:var(--qt-surface);padding:1rem 2rem;border-bottom:1px solid var(--qt-border);margin:0 2rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;line-height:1.6;color:#333}.App{min-height:100vh}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;margin-top:80px;overflow:hidden}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}@media(prefers-reduced-motion:reduce){.hero-video{display:none}.hero{background:linear-gradient(135deg,#015792,#013a5c)}}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#015792b3,#015792cc);z-index:2}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.05) 0%,transparent 50%);opacity:.3;z-index:3}.hero-content{position:relative;z-index:4;max-width:800px;padding:0 2rem}.hero h1{font-size:3.5rem;margin-bottom:1rem;font-weight:700}.hero p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.ask-question-btn{background:transparent;color:#fff;border:2px solid white;padding:1rem 2rem;border-radius:5px;font-weight:700;cursor:pointer;transition:all .3s}.ask-question-btn:hover{background:#fff;color:#2c5aa0}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.about-section{padding:5rem 0;background:#f8f9fa}.about-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:center}.about-text h2{font-size:2rem;color:#2c5aa0;margin-bottom:1.5rem;line-height:1.3}.about-text p{margin-bottom:1.5rem;color:#666;line-height:1.7}.about-image img{width:100%;border-radius:10px;box-shadow:0 10px 30px #0000001a}.cta-section{background:#1e3f73;padding:4rem 0;text-align:center;color:#fff}.cta-content h2{font-size:2.5rem;margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto}.contact-btn{background:transparent;color:#fff;border:2px solid white;padding:1rem 2rem;border-radius:5px;font-weight:700;cursor:pointer;transition:all .3s}.contact-btn:hover{background:#fff;color:#1e3f73}.news-section{padding:5rem 0;background:#fff}.news-section h2{text-align:center;font-size:2.5rem;color:#2c5aa0;margin-bottom:3rem}.news-card{display:grid;grid-template-columns:300px 1fr;gap:2rem;background:#f8f9fa;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a}.news-card img{width:100%;height:200px;object-fit:cover}.news-content{padding:2rem}.news-content h3{font-size:1.5rem;color:#2c5aa0;margin-bottom:1rem}.news-content p{color:#666;margin-bottom:1rem;line-height:1.6}.read-more{background:#2c5aa0;color:#fff;border:none;padding:.5rem 1rem;border-radius:3px;cursor:pointer;font-weight:700;transition:background .3s}.read-more:hover{background:#1e3f73}.services-section{padding:5rem 0;background:#f8f9fa}.services-section h2{text-align:center;font-size:2.5rem;color:#2c5aa0;margin-bottom:4rem}.service-card{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem;align-items:center}.service-card.reverse{direction:rtl}.service-card.reverse>*{direction:ltr}.service-content h3{font-size:2rem;color:#2c5aa0;margin-bottom:1rem}.service-content p{color:#666;margin-bottom:2rem;line-height:1.7}.learn-more-btn{background:#2c5aa0;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:5px;font-weight:700;cursor:pointer;transition:background .3s}.learn-more-btn:hover{background:#1e3f73}.service-image img{width:100%;border-radius:10px;box-shadow:0 10px 30px #0000001a}.partners-section{padding:4rem 0;background:#fff;text-align:center}.partners-section h2{font-size:2rem;color:#2c5aa0;margin-bottom:3rem}.partners-slideshow{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:800px;margin:0 auto}.partners-slides{overflow:hidden;width:100%;border-radius:10px}.partners-track{display:flex;transition:transform .5s ease-in-out}.partners-slide{min-width:100%;display:flex;justify-content:center;align-items:center;gap:3rem;padding:2rem}.partner-logo{width:120px;height:120px;object-fit:contain;border:3px solid #e0e0e0;border-radius:15px;padding:15px;background:#fff;filter:grayscale(100%);opacity:.7;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.partner-logo:hover{filter:grayscale(0%);opacity:1;border-color:#015792;transform:translateY(-5px);box-shadow:0 8px 25px #01579233}.slide-indicators{display:flex;justify-content:center;gap:.8rem;margin-top:3rem}.indicator{width:16px;height:16px;border-radius:50%;border:2px solid #ccc;background:transparent;cursor:pointer;transition:all .3s ease}.indicator.active{background:#015792;border-color:#015792;transform:scale(1.3)}.footer{background:#1e3f73;color:#fff;text-align:center}.footer-content{padding:4rem 0 2rem}.footer-content h2{font-size:2.5rem;margin-bottom:1rem}.footer-content p{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.contact-footer-btn{background:transparent;color:#fff;border:2px solid white;padding:1rem 2rem;border-radius:5px;font-weight:700;cursor:pointer;transition:all .3s}.contact-footer-btn:hover{background:#fff;color:#1e3f73}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding:1rem 0}.footer-bottom p{opacity:.7;font-size:.9rem}@media(max-width:768px){.nav-menu{display:none}.hero h1{font-size:2.5rem}.about-content{grid-template-columns:1fr;text-align:center}.service-card,.service-card.reverse{grid-template-columns:1fr;text-align:center;direction:ltr}.news-card{grid-template-columns:1fr}.partners-slide{gap:1.5rem;padding:1rem}.partner-logo{width:100px;height:100px;padding:10px}.slide-indicators{gap:.5rem;margin-top:2rem}.indicator{width:14px;height:14px}.cta-content h2{font-size:2rem}}.toast{background:#add8e6;color:#0f172a;font-size:16px;min-width:600px;max-width:700px;line-height:1.3}.toast--success{border-left:4px solid #16a34a}.toast--error{border-left:4px solid #ef4444}.toast--loading{border-left:4px solid #3b82f6}.confirm-toast{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0003;font-size:15px;color:#333;max-width:600px}.confirm-toast-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.confirm-toast .btn-cancel{padding:10px 18px;font-size:15px;border:1px solid #ccc;background:#f5f5f5;color:var(--qt-text);border-radius:var(--qt-radius-control);cursor:pointer}.confirm-toast .btn-cancel:hover{background:#e0e0e0}.confirm-toast .btn-confirm{padding:10px 18px;font-size:15px;border:none;background:var(--qt-red);color:#fff;border-radius:var(--qt-radius-control);cursor:pointer}.confirm-toast .btn-confirm:hover{background:var(--qt-red-dark)}.navbar{background:#fff;padding:0;box-shadow:0 2px 4px #0000001a;height:80px;display:flex;align-items:center;position:fixed;top:0;left:0;right:0;z-index:1000}.nav-container{max-width:1400px;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;height:100%}.nav-logo .logo{height:80px;width:auto;max-width:180px;object-fit:contain}.nav-menu{display:flex;list-style:none;margin:0;padding:0;align-items:center;gap:1rem;flex-wrap:nowrap}.nav-hamburger{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;z-index:1100}.nav-hamburger span{display:block;height:2px;width:100%;background:#015792;border-radius:2px;transition:transform .25s ease,opacity .25s ease}.nav-hamburger--open span:nth-child(1){transform:translateY(9px) rotate(45deg)}.nav-hamburger--open span:nth-child(2){opacity:0}.nav-hamburger--open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.nav-menu li a{text-decoration:none;color:#333;font-weight:500;transition:color .3s;font-size:1rem}.nav-menu li a:hover{color:#015792}.nav-menu li a.active{color:#015792;font-weight:600}.logout-btn,.login-btn{background:var(--qt-navy);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--qt-radius-control);font-weight:500;cursor:pointer;transition:background .3s;font-size:.9rem}.logout-btn:hover,.login-btn:hover{background:var(--qt-navy-dark)}.logout-btn:focus-visible,.login-btn:focus-visible{outline:2px solid var(--qt-navy);outline-offset:2px}.page-content{padding-top:80px}@media(max-width:900px){.nav-container{padding:0 1.25rem}.nav-menu{gap:.65rem}.logout-btn,.login-btn,.admin-btn{padding:.55rem 1rem;font-size:.82rem}}@media(max-width:680px){.navbar{height:60px;align-items:center}.nav-logo .logo{height:52px}.nav-hamburger{display:flex}.nav-menu{display:none;position:absolute;top:60px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:.5rem 0 1rem;box-shadow:0 4px 12px #0000001f;border-top:1px solid #e5e7eb;z-index:999}.nav-menu--open{display:flex}.nav-menu li{width:100%;padding:0 1.25rem}.nav-menu li+li{margin-top:.5rem}.logout-btn,.login-btn,.admin-btn{width:100%;text-align:center;padding:.7rem 1rem;font-size:.9rem}}.site-selector-container{display:flex;align-items:center;margin-right:1rem}.site-selector{padding:.5rem;border-radius:4px;border:1px solid #ccc;background-color:#fff;font-size:14px;min-width:150px}.loading-overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#fff9;z-index:9999}.loading-overlay--inline{position:static;inset:auto;background:none;z-index:auto;padding:2rem 1rem;gap:8px}.loading-overlay .spin{animation:spin 1s linear infinite}.loading-overlay .loading-text{font-size:14px;color:#333;letter-spacing:.2px}@keyframes spin{to{transform:rotate(360deg)}}