:root{--color-red:#da291c;--color-red-dark:#b81f15;--color-red-light:#e84b3f;--color-red-pale:#ffeeed;--color-yellow:#ffc72c;--color-yellow-dark:#e6b000;--color-yellow-light:#ffd859;--color-yellow-pale:#fff9e6;--color-black:#000;--color-black-soft:#1a1a1a;--color-white:#fff;--color-white-soft:#fafafa;--color-navy:#0a1929;--color-navy-light:#132f4c;--color-navy-pale:#1e4976;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#eee;--color-gray-300:#e0e0e0;--color-gray-400:#bdbdbd;--color-gray-500:#9e9e9e;--color-gray-600:#757575;--color-gray-700:#616161;--color-gray-800:#424242;--color-gray-900:#212121;--color-text-primary:#333;--color-text-secondary:#666;--color-text-tertiary:#999;--color-text-inverse:#fff;--gradient-navy:linear-gradient(135deg,#0a1929,#132f4c);--gradient-red:linear-gradient(135deg,#b81f15,#da291c);--gradient-yellow:linear-gradient(135deg,#e6b000,#ffc72c);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-red:0 4px 14px 0 #da291c40;--shadow-yellow:0 4px 14px 0 #ffc72c40;--glass-bg:#ffffff1a;--glass-border:#fff3;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:150ms ease-in-out;--transition-base:300ms ease-in-out;--transition-slow:500ms ease-in-out;--container-max-width:1200px;--container-padding:2rem;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}@media (max-width:768px){:root{--container-padding:1rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--color-white);color:var(--color-text-primary);line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--color-black);font-weight:700;line-height:1.2}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.75rem}h4{font-size:1.375rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1rem}a{color:var(--color-red);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-red-dark)}.container{margin:0 auto;max-width:var(--container-max-width);padding:0 var(--container-padding)}.section{padding:var(--spacing-3xl) 0}.section-header{margin-bottom:var(--spacing-2xl);text-align:center}.section-title{color:var(--color-black);font-size:2.5rem;margin-bottom:var(--spacing-sm)}.section-subtitle{color:var(--color-text-secondary);font-size:1.125rem;margin:0 auto;max-width:600px}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 1.75rem;text-decoration:none;transition:all var(--transition-base)}.btn-primary{background:var(--gradient-red);box-shadow:var(--shadow-red);color:var(--color-white)}.btn-primary:hover{box-shadow:0 8px 20px #da291c66;transform:translateY(-2px)}.btn-secondary{background:var(--gradient-yellow);box-shadow:var(--shadow-yellow);color:var(--color-black-soft)}.btn-secondary:hover{box-shadow:0 8px 20px #ffc72c66;transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid var(--color-white);color:var(--color-white)}.btn-outline:hover{color:var(--color-black)}.btn-outline:hover,.card{background:var(--color-white)}.card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.text-center{text-align:center}.text-red{color:var(--color-red)}.text-yellow{color:var(--color-yellow)}.bg-gray{background-color:var(--color-gray-100)}.bg-navy{background:var(--gradient-navy);color:var(--color-white)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.section{padding:var(--spacing-2xl) 0}.section-title{font-size:2rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline:3px solid var(--color-red);outline-offset:2px}a:focus-visible,button:focus-visible{outline:3px solid var(--color-red);outline-offset:2px}.spinner{animation:spin 1s linear infinite;border-top:3px solid var(--color-gray-300);border:3px solid var(--color-gray-300);border-radius:50%;border-top-color:var(--color-red);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transition:opacity .3s}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{display:flex;flex-direction:column;min-height:100vh}.hero-banner{align-items:center;background:linear-gradient(135deg,#0a1929,#132f4c);border-bottom:2px solid var(--color-yellow);display:flex;height:100vh;justify-content:center;overflow:hidden;padding:0;position:relative;width:100%}.hero-abstract-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:0}.abstract-shape{animation:fadeInBlur .8s ease-out both;filter:blur(100px);opacity:.7;position:absolute;transform:translate(-50%,-50%)}.shape-red{background:radial-gradient(ellipse 55% 65%,#da291cbf 0,#da291c00 60%);height:1200px;left:25%;top:25%;width:1400px}.shape-yellow{background:radial-gradient(ellipse 65% 50%,#ffc72cb3 0,#ffc72c00 60%);height:1300px;left:65%;top:50%;width:1300px}.shape-black{background:radial-gradient(ellipse 60% 55%,#000000bf 0,#0000 60%);height:1100px;left:25%;top:70%;width:1500px}.hero-content{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;max-width:1000px;padding:3rem 2rem;position:relative;text-align:center;width:100%;z-index:2}.hero-logo{animation:fadeInDown 1s ease-out;margin-bottom:2rem}.hero-logo-image{filter:drop-shadow(2px 4px 12px rgba(0,0,0,.4));height:auto;max-width:220px;width:100%}.hero-title{animation:fadeInUp 1s ease-out .2s both;color:var(--color-white);font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem;text-shadow:2px 2px 8px #0000004d}.hero-subtitle{animation:fadeInUp 1s ease-out .4s both;color:#b2bac2;font-size:1.3rem;font-weight:400;line-height:1.6;margin-bottom:3rem;max-width:700px}.hero-navigation{animation:fadeInUp 1s ease-out .6s both;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.hero-nav-link{align-items:center;background:#ffffff1f;border:1px solid #fff3;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 1.75rem;text-decoration:none;transition:all var(--transition-base)}.hero-nav-link:hover{background:#da291c33;border-color:var(--color-red);box-shadow:0 8px 16px #da291c4d;transform:translateY(-2px)}.hero-nav-link-cta{background:linear-gradient(135deg,var(--color-red) 0,var(--color-red-dark) 100%);border-color:var(--color-red);box-shadow:var(--shadow-red)}.hero-nav-link-cta:hover{background:linear-gradient(135deg,var(--color-red-dark) 0,#8a1710 100%);box-shadow:0 8px 20px #da291c80;transform:translateY(-2px) scale(1.02)}.nav-icon{font-size:1.2rem}.hero-language-selector{animation:fadeInDown 1s ease-out;position:absolute;right:2rem;top:2rem;z-index:10}.language-dropdown{-webkit-appearance:none;appearance:none;background-color:#ffffff26;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border:1px solid #ffffff4d;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2.5rem .75rem 1.5rem;transition:background-color .3s ease,border-color .3s ease}.language-dropdown:hover{background-color:#ffffff40;border-color:#ffc72c99}.language-dropdown:focus{outline:2px solid var(--color-yellow);outline-offset:2px}.language-dropdown option{background:var(--color-navy);color:var(--color-white)}.scroll-indicator{align-items:center;animation:fadeInUp 1s ease-out 1s both;background:#0000;border:none;bottom:2rem;color:#fffc;cursor:pointer;display:inline-flex;flex-direction:column;gap:.5rem;justify-content:center;left:0;margin:0 auto;padding:.75rem 1.5rem;position:absolute;right:0;text-align:center;transition:color .3s ease;width:-webkit-fit-content;width:fit-content;z-index:3}.scroll-indicator:hover{color:var(--color-yellow)}.scroll-indicator:hover .scroll-chevron{transform:translateY(4px)}.scroll-text{font-size:.9rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.scroll-chevron,.scroll-text{display:block;text-align:center}.scroll-chevron{animation:bounceDown 2s infinite;transition:transform .3s ease}@keyframes fadeInBlur{0%{opacity:0}to{opacity:.7}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media (max-width:1024px){.hero-title{font-size:2.8rem}.hero-subtitle{font-size:1.1rem}.hero-logo-image{max-width:200px}.hero-language-selector{right:1.5rem;top:1.5rem}.language-dropdown{font-size:.9rem;padding:.625rem 2.25rem .625rem 1.25rem}}@media (max-width:768px){.hero-content{padding:2rem 1.5rem}.hero-logo-image{max-width:180px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem;margin-bottom:2rem}.hero-navigation{gap:.75rem}.hero-nav-link{font-size:.9rem;padding:.75rem 1.25rem}.nav-icon{font-size:1rem}.hero-language-selector{right:1rem;top:1rem}.language-dropdown{font-size:.85rem;padding:.5rem 2rem .5rem 1rem}.scroll-indicator{bottom:1.5rem}.scroll-text{font-size:.8rem}}@media (max-width:480px){.hero-logo-image{max-width:140px}.hero-title{font-size:1.6rem}.hero-subtitle{font-size:.9rem}.hero-navigation{flex-direction:column;max-width:280px;width:100%}.hero-nav-link{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.hero-banner *,.hero-banner :after,.hero-banner :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.hero-nav-link{border-width:2px}.hero-subtitle,.hero-title,.stat-label{text-shadow:none}}.navigation{background:#fffffffa;border-bottom:1px solid var(--color-gray-300);box-shadow:var(--shadow-md);left:0;position:fixed;right:0;top:0;transition:transform .3s ease-in-out,opacity .3s ease-in-out;z-index:var(--z-sticky)}.navigation.hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.navigation.visible{opacity:1;transform:translateY(0)}.nav-container{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:var(--container-max-width);padding:0 var(--container-padding)}.nav-brand .logo-link{text-decoration:none}.logo-text{color:var(--color-navy);font-size:1.75rem;font-weight:900;letter-spacing:.2rem}.nav-links{gap:2rem}.nav-link,.nav-links{align-items:center;display:flex}.nav-link{border-radius:var(--radius-md);color:var(--color-text-primary);font-weight:600;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all var(--transition-fast)}.nav-link:hover{background:var(--color-red-pale);color:var(--color-red)}.nav-link.active{background:var(--color-red);color:var(--color-white)}.nav-link-icon{font-size:1.1rem}.nav-actions{align-items:center;display:flex;gap:1rem}.language-switcher{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all var(--transition-fast)}.language-switcher:hover{border-color:var(--color-red)}.language-switcher:focus{outline:2px solid var(--color-red);outline-offset:2px}.mobile-menu-btn{background:none;border:none;color:var(--color-navy);cursor:pointer;display:none;font-size:1.5rem;padding:.5rem}.mobile-menu{background:var(--color-white);border-top:1px solid var(--color-gray-300);display:none;flex-direction:column;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.mobile-menu.open{max-height:500px;padding:1rem 0}.mobile-nav-link{align-items:center;border-left:3px solid #0000;color:var(--color-text-primary);display:flex;font-weight:600;gap:1rem;padding:1rem var(--container-padding);text-decoration:none;transition:all var(--transition-fast)}.mobile-nav-link.active,.mobile-nav-link:hover{background:var(--color-red-pale);border-left-color:var(--color-red);color:var(--color-red)}.mobile-nav-icon{font-size:1.25rem}.mobile-language-switcher{border-top:1px solid var(--color-gray-300);margin-top:.5rem;padding:1rem var(--container-padding)}@media (max-width:768px){.desktop-nav{display:none}.mobile-menu-btn{display:block}.mobile-menu{display:flex}.nav-container{height:60px}.logo-text{font-size:1.5rem;letter-spacing:.15rem}}.footer{background:var(--color-black);color:var(--color-white);margin-top:auto}.footer-content{padding:var(--spacing-3xl) 0 var(--spacing-2xl)}.footer-grid{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.footer-column{display:flex;flex-direction:column}.footer-logo h3{color:var(--color-yellow);font-size:2rem;font-weight:900;letter-spacing:.2rem;margin-bottom:var(--spacing-sm)}.footer-about{color:var(--color-gray-400);line-height:1.6;margin-bottom:var(--spacing-md)}.social-links{display:flex;gap:var(--spacing-sm)}.social-links a{align-items:center;background:#ffffff1a;border-radius:var(--radius-md);color:var(--color-white);display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.social-links a:hover{background:var(--color-red);transform:translateY(-2px)}.footer-heading{color:var(--color-yellow);font-size:1.125rem;font-weight:700;letter-spacing:.05rem;margin-bottom:var(--spacing-md);text-transform:uppercase}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links a{color:var(--color-gray-400);text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-yellow)}.footer-contact{flex-direction:column;margin-bottom:var(--spacing-md)}.contact-item,.footer-contact{display:flex;gap:var(--spacing-sm)}.contact-item{align-items:center;color:var(--color-gray-400)}.contact-item svg{color:var(--color-yellow);font-size:1.125rem}.office-hours{color:var(--color-gray-400);font-size:.9rem;line-height:1.6}.office-hours strong{color:var(--color-white)}.footer-bottom{border-top:1px solid #ffffff1a;padding:var(--spacing-lg) 0}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between}.copyright{color:var(--color-gray-500);font-size:.875rem;margin:0}.footer-bottom-links{align-items:center;display:flex;gap:var(--spacing-sm)}.footer-bottom-links a{color:var(--color-gray-500);font-size:.875rem;text-decoration:none;transition:color var(--transition-fast)}.footer-bottom-links a:hover{color:var(--color-yellow)}.footer-bottom-links .divider{color:var(--color-gray-700)}@media (max-width:768px){.footer-grid{gap:var(--spacing-xl);grid-template-columns:1fr}.footer-bottom-content{flex-direction:column;text-align:center}.footer-bottom-links{flex-wrap:wrap;justify-content:center}}.service-card{background:var(--color-white);border-radius:var(--radius-lg);border-top:4px solid var(--color-red);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;padding:var(--spacing-xl);position:relative;transition:all var(--transition-base)}.service-card:hover{border-top-color:var(--color-red-dark);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.service-icon-wrapper{align-items:center;background:linear-gradient(135deg,#da291c1a,#da291c0d);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto var(--spacing-lg) auto;transition:all var(--transition-base);width:80px}.service-card:hover .service-icon-wrapper{background:linear-gradient(135deg,var(--color-red) 0,var(--color-red-dark) 100%);transform:scale(1.1)}.service-icon{color:var(--color-red);font-size:2.5rem;transition:color var(--transition-base)}.service-card:hover .service-icon{color:var(--color-white)}.service-title{color:var(--color-black);font-size:1.375rem;font-weight:700;margin-bottom:var(--spacing-sm);text-align:center}.service-description{color:var(--color-text-secondary);flex-grow:1;line-height:1.6;margin-bottom:var(--spacing-lg);text-align:center}.service-stats{grid-gap:1rem;border-bottom:1px solid #00000014;border-top:1px solid #00000014;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-lg);padding:1rem 0}.stat-badge{align-items:center;display:flex;flex-direction:column;gap:.25rem;justify-content:center;padding:0;text-align:center}.stat-value{color:var(--color-red);font-size:1.5rem;font-weight:800;line-height:1.1}.stat-label{color:#555;font-size:.75rem;font-weight:600;letter-spacing:.03em;line-height:1.2;text-transform:uppercase}.service-link{align-items:center;background:#0000;border-radius:var(--radius-md);color:var(--color-red);display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;text-decoration:none;transition:all var(--transition-fast);width:100%}.service-link:hover{background:#da291c0d;color:var(--color-red-dark);gap:.75rem}.news-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;overflow:hidden;text-decoration:none;transition:all var(--transition-base)}.news-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.news-image{background-color:var(--color-gray-300);background-position:50%;background-size:cover;height:200px;position:relative;width:100%}.news-category{border-radius:var(--radius-full);font-size:.75rem;font-weight:700;left:1rem;letter-spacing:.05rem;padding:.375rem .875rem;position:absolute;text-transform:uppercase;top:1rem}.category-training{background:var(--color-red);color:var(--color-white)}.category-announcement{background:var(--color-yellow);color:var(--color-black)}.category-success{background:#4caf50;color:var(--color-white)}.category-default{background:var(--color-navy);color:var(--color-white)}.news-content{display:flex;flex-direction:column;flex-grow:1;padding:var(--spacing-lg)}.news-title{color:var(--color-black);font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:var(--spacing-sm)}.news-card:hover .news-title{color:var(--color-red)}.news-excerpt{color:var(--color-text-secondary);flex-grow:1;line-height:1.6;margin-bottom:var(--spacing-md)}.news-meta{border-top:1px solid var(--color-gray-300);display:flex;flex-wrap:wrap;gap:.75rem;padding-top:var(--spacing-sm)}.meta-item{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:.8rem;gap:.375rem;white-space:nowrap}.meta-item svg{flex-shrink:0;font-size:.8rem}.home-page{min-height:100vh}.about-section{background:var(--color-white)}.about-content{grid-gap:var(--spacing-3xl);align-items:center;display:grid;gap:var(--spacing-3xl);grid-template-columns:1fr 1fr}.about-text h2,.about-text p{margin-bottom:var(--spacing-md)}.about-text p{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.8}.stats-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.stat-box{background:linear-gradient(135deg,var(--color-red) 0,var(--color-red-dark) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-red);color:var(--color-white);padding:var(--spacing-xl);text-align:center;transition:transform var(--transition-base)}.stat-box:hover{transform:translateY(-4px)}.stat-box:first-child .stat-value{color:var(--color-navy)}.stat-box:first-child .stat-label{color:#fff}.stat-box:nth-child(2){background:linear-gradient(135deg,var(--color-yellow) 0,var(--color-yellow-dark) 100%);box-shadow:var(--shadow-yellow);color:var(--color-black)}.stat-box:nth-child(2) .stat-label{color:#000000bf}.stat-box:nth-child(3),.stat-box:nth-child(4){background:linear-gradient(135deg,var(--color-navy) 0,var(--color-navy-light) 100%)}.stat-box .stat-value{font-size:2.5rem;font-weight:900;margin-bottom:.5rem}.stat-box .stat-label{color:#fffffff2;font-size:.875rem;font-weight:600;letter-spacing:.05rem;opacity:.95;text-transform:uppercase}.services-section{background:var(--color-gray-100)}.section-cta{margin-top:var(--spacing-2xl);text-align:center}.portals-section{background:var(--color-white)}.portals-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.portal-card{align-items:center;background:var(--color-white);border-radius:var(--radius-lg);border-top:4px solid #0000;box-shadow:var(--shadow-md);display:flex;flex-direction:column;padding:var(--spacing-xl);text-align:center;text-decoration:none;transition:all var(--transition-base)}.portal-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.portal-student{border-top-color:var(--color-red)}.portal-student:hover{background:var(--color-red-pale)}.portal-employer{border-top-color:var(--color-yellow)}.portal-employer:hover{background:var(--color-yellow-pale)}.portal-staff{border-top-color:var(--color-black)}.portal-staff:hover{background:var(--color-gray-100)}.portal-icon{font-size:4rem;margin-bottom:var(--spacing-md)}.portal-student .portal-icon{color:var(--color-red)}.portal-employer .portal-icon{color:var(--color-yellow-dark)}.portal-card h3,.portal-staff .portal-icon{color:var(--color-black)}.portal-card h3{font-size:1.5rem;margin-bottom:var(--spacing-md)}.portal-features{flex-grow:1;list-style:none;margin:0 0 var(--spacing-lg) 0;padding:0}.portal-features li{color:var(--color-text-secondary);font-weight:500;padding:.5rem 0}.portal-features li:before{content:"✓ ";margin-right:.5rem}.portal-student .portal-features li:before{color:var(--color-red)}.portal-employer .portal-features li:before{color:var(--color-yellow-dark)}.portal-staff .portal-features li:before{color:var(--color-black)}.portal-cta{color:var(--color-red);font-weight:700;transition:gap var(--transition-fast)}.portal-card:hover .portal-cta{color:var(--color-red-dark)}.news-section{background:var(--color-gray-100)}.cta-section{background:var(--gradient-navy);color:var(--color-white);text-align:center}.cta-content{margin:0 auto;max-width:800px}.cta-title{color:var(--color-white);font-size:3rem;margin-bottom:var(--spacing-md)}.cta-text{color:#ffffffe6;font-size:1.25rem;line-height:1.8;margin-bottom:var(--spacing-xl)}.cta-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}@media (max-width:968px){.about-content{grid-template-columns:1fr}.stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.cta-title{font-size:2rem}.cta-text{font-size:1.125rem}.cta-buttons{align-items:center;flex-direction:column}.cta-buttons .btn{max-width:300px;width:100%}.portals-grid,.stats-grid{grid-template-columns:1fr}}.app{display:flex;flex-direction:column;min-height:100vh;position:relative}.main-content{flex:1 1;position:relative;z-index:1}.placeholder-page{align-items:center;background:var(--color-gray-100);display:flex;justify-content:center;min-height:60vh;padding:var(--spacing-3xl) 0}.placeholder-content{max-width:600px;text-align:center}.placeholder-content h1{color:var(--color-navy);font-size:3rem;margin-bottom:var(--spacing-lg)}.placeholder-text{color:var(--color-text-secondary);font-size:1.25rem;line-height:1.8;margin-bottom:var(--spacing-xl)}.not-found-page{align-items:center;background:var(--gradient-navy);color:var(--color-white);display:flex;justify-content:center;min-height:60vh;padding:var(--spacing-3xl) 0}.not-found-content{text-align:center}.not-found-title{color:var(--color-yellow);font-size:8rem;font-weight:900;line-height:1;margin-bottom:var(--spacing-md)}.not-found-content h2{color:var(--color-white);font-size:2.5rem;margin-bottom:var(--spacing-md)}.not-found-content p{color:#ffffffe6;font-size:1.25rem;margin-bottom:var(--spacing-xl)}.loading{justify-content:center;min-height:60vh}.loading,.loading-spinner{align-items:center;display:flex}.loading-spinner{flex-direction:column;gap:var(--spacing-md)}.loading-text{color:var(--color-text-secondary);font-weight:600}@media (max-width:768px){.placeholder-content h1{font-size:2rem}.placeholder-text{font-size:1rem}.not-found-title{font-size:6rem}.not-found-content h2{font-size:2rem}.not-found-content p{font-size:1.125rem}}
/*# sourceMappingURL=main.8ea7aa21.css.map*/