:root{--bred-blue:#2e6ca7;--bred-blue-dark:#245a8a;--bred-blue-light:#4a8bc4;--bred-navy:#1d2a67;--bred-navy-light:#2a3d8a;--bg-white:#fff;--bg-light:#f5f5f7;--white:#fff;--gray-50:#f5f5f7;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--accent-green:#10b981;--accent-orange:#f59e0b;--accent-red:#ef4444;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--radius-sm:4px;--radius:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--header-height:104px;--transition-fast:.15s ease;--transition:.2s ease;--transition-slow:.3s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--bg-white);color:var(--gray-800);font-family:Source Sans\ 3,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--bred-navy);font-weight:600;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}@media(min-width:768px){h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.75rem}}p{margin-bottom:1rem}a{color:var(--bred-blue);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--bred-blue-dark)}img{display:block;height:auto;max-width:100%}.container{margin:0 auto;max-width:1280px;padding:0 1rem;width:100%}@media(min-width:640px){.container{padding:0 1.5rem}}@media(min-width:1024px){.container{padding:0 2rem}}.btn{align-items:center;border:none;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;line-height:1;padding:.75rem 1.5rem;text-decoration:none;transition:all var(--transition)}.btn-primary{background-color:var(--bred-blue);color:var(--white)}.btn-primary:hover{background-color:var(--bred-blue-dark);color:var(--white)}.btn-secondary{background-color:var(--bred-navy);color:var(--white)}.btn-secondary:hover{background-color:var(--bred-navy-light);color:var(--white)}.btn-outline{background-color:transparent;border:2px solid var(--bred-blue);color:var(--bred-blue)}.btn-outline:hover{background-color:var(--bred-blue);color:var(--white)}.btn-white{background-color:var(--white);color:var(--bred-blue)}.btn-white:hover{background-color:var(--gray-100);color:var(--bred-blue-dark)}.btn-lg{font-size:1.125rem;padding:1rem 2rem}.btn-sm{font-size:.875rem;padding:.5rem 1rem}.card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;transition:transform var(--transition),box-shadow var(--transition)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-image{aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;width:100%}.card-body{padding:1.5rem}.card-title{font-size:1.25rem;margin-bottom:.5rem}.card-text{color:var(--gray-600);font-size:.9375rem}.page-hero{align-items:center;background:linear-gradient(135deg,var(--bred-navy) 0,var(--bred-blue) 100%);color:var(--white);display:flex;min-height:340px;padding:3rem 2rem 3.5rem;text-align:center}@media(max-width:640px){.page-hero{min-height:240px;padding:2rem 1rem 2.5rem}}.page-hero .container{width:100%}.page-hero-badge{background-color:var(--white);border-radius:var(--radius);color:var(--bred-blue);display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.08em;margin-bottom:1.25rem;padding:.5rem 1rem;text-transform:uppercase}.page-hero h1{color:var(--white);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.page-hero p{color:var(--gray-300);font-size:1.25rem;margin:0 auto;max-width:600px}@media(max-width:640px){.page-hero h1{font-size:1.75rem}.page-hero p{font-size:1rem}}@media(min-width:768px){.page-hero h1{font-size:3rem}}@media(max-width:768px){:root{--header-height:58px}}.section{padding:4rem 0}@media(max-width:640px){.section{padding:2.5rem 0}}.section-lg{padding:6rem 0}@media(max-width:640px){.section-lg{padding:3.5rem 0}}.section-gray{background-color:var(--bg-light)}.section-navy{background-color:var(--bred-navy);color:var(--white)}.section-blue{background-color:var(--bred-blue)}.section-blue,.section-blue h1,.section-blue h2,.section-blue h3,.section-navy h1,.section-navy h2,.section-navy h3{color:var(--white)}.section-header{margin-bottom:3rem;text-align:center}@media(max-width:640px){.section-header{margin-bottom:2rem}}.section-header h2{margin-bottom:1rem}.section-header p{color:var(--gray-600);font-size:1.125rem;margin:0 auto;max-width:600px}@media(max-width:640px){.section-header p{font-size:.9375rem}}.section-blue .section-header p,.section-navy .section-header p{color:var(--gray-200)}.grid{display:grid;gap:1.5rem}.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(1,1fr)}@media(min-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.badge{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.badge-blue{background-color:var(--bred-blue);color:var(--white)}.badge-navy{background-color:var(--bred-navy);color:var(--white)}.badge-green{background-color:var(--accent-green);color:var(--white)}.badge-orange{background-color:var(--accent-orange);color:var(--white)}.form-group{margin-bottom:1.5rem}.form-label{color:var(--gray-700);display:block;font-weight:500;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{background-color:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius);color:var(--gray-800);font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--bred-blue);box-shadow:0 0 0 3px #2e6ca726;outline:none}.form-textarea{min-height:150px;resize:vertical}.price{color:var(--bred-blue);font-size:1.5rem;font-weight:700}.price-old{color:var(--gray-400);font-size:1rem;font-weight:400;margin-right:.5rem;text-decoration:line-through}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-blue{color:var(--bred-blue)}.text-navy{color:var(--bred-navy)}.text-gray{color:var(--gray-600)}.bg-white{background-color:var(--bg-white)}.bg-light{background-color:var(--bg-light)}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:2rem}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.page-enter-active,.page-leave-active{transition:all .3s}.page-enter-from,.page-leave-to{opacity:0;transform:translateY(10px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}#app{display:flex;flex-direction:column;min-height:100vh}
