a{color:#005581 !important}a:visited{color:#1295D8 !important}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%, 100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.navigation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1.25rem;border-bottom:2px solid #005581}.back-button{background:linear-gradient(135deg, #2774AE 0%, #1e5a8e 100%);color:white;border:none;padding:0.625rem 1.25rem;border-radius:0.5rem;cursor:pointer;font-size:0.95rem;font-weight:600;transition:all 0.3s ease;box-shadow:0 2px 4px rgba(39,116,174,0.2)}.back-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(39,116,174,0.3)}.back-button:active{transform:translateY(0)}.site-nav .nav-list .nav-list-item .nav-list-link{color:#005581 !important}.start-over-link{color:#005581;text-decoration:none;font-size:0.95rem;font-weight:500;transition:all 0.2s ease}.start-over-link:hover{color:#FFB511;transform:translateX(-3px)}.aux-nav-list-item a{color:#005581}  .aux-nav-list-item a:hover{color:#FFB511}.home-page{max-width:1200px;margin:0 auto;animation:fadeInUp 0.6s ease-out}.hero{text-align:center;margin-bottom:4rem;padding:3rem 2rem;background:linear-gradient(135deg, #f0f7ff 0%, #fff 50%, #fffbf0 100%);border-radius:1rem;box-shadow:0 4px 6px rgba(0,0,0,0.05);position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%, rgba(39,116,174,0.05) 0%, transparent 50%),radial-gradient(circle at 80% 50%, rgba(255,181,17,0.05) 0%, transparent 50%);pointer-events:none}.hero h1{color:#005581;margin-bottom:1rem;position:relative;font-size:2.5rem}.hero .hero-subtitle{font-size:1.25rem;color:#000000;max-width:700px;margin:0 auto;position:relative;line-height:1.6}.home-content{margin-bottom:3rem;font-size:1.1rem;color:#000000;line-height:1.7;padding:0 1rem}.starting-points{margin:4rem 0}.starting-points h2{color:#000000;margin-bottom:2rem;font-size:1.75rem}.about-section{margin-top:5rem;padding:2.5rem;background:linear-gradient(135deg, #f9f9fa 0%, #fff 100%);border-radius:1rem;border-left:5px solid #005581;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.about-section h2{color:#000000;margin-bottom:1.25rem}.about-section p{color:#000000;line-height:1.7;margin-bottom:1rem}.about-section p:last-child{margin-bottom:0}.question-page{max-width:1000px;margin:0 auto;animation:fadeInUp 0.6s ease-out}.question-subtitle{color:#000000;font-size:0.95rem;margin-bottom:0.5rem;text-transform:uppercase;letter-spacing:0.05em;font-weight:600;display:inline-flex;align-items:center;gap:0.5rem}.question-content{margin-bottom:3.5rem}.question-content h1{color:#005581;margin-bottom:1.5rem;font-size:2rem;line-height:1.3}.question-description{color:#000000;font-size:1.1rem;line-height:1.7;padding:1.5rem;background:#f9f9fa;border-radius:0.75rem;border-left:4px solid #005581}.resource-page{max-width:1000px;margin:0 auto;animation:fadeInUp 0.6s ease-out}.resource-banner{margin-bottom:1.5rem}.resource-badge{display:inline-flex;align-items:center;gap:0.5rem;background:linear-gradient(135deg, #005581 0%, #cc9000 100%);color:#005581;padding:0.5rem 1rem;border-radius:0.5rem;font-size:0.9rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;box-shadow:0 2px 4px rgba(255,181,17,0.3)}.resource-subtitle{color:#000000;font-size:1.05rem;margin-bottom:0.75rem;font-style:italic;line-height:1.5}.resource-content h1{color:#005581;margin-bottom:2rem;font-size:2rem;line-height:1.3}.jobs-to-be-done{background:linear-gradient(135deg, #f0f7ff 0%, #fff 100%);padding:2rem;border-radius:0.75rem;margin:2.5rem 0;border-left:5px solid #005581;box-shadow:0 2px 6px rgba(39,116,174,0.1)}.jobs-to-be-done h3{color:#000000;margin-bottom:1rem;font-size:1.1rem;display:flex;align-items:center;gap:0.5rem}.jobs-to-be-done ul{margin:0;padding-left:1.5rem}.jobs-to-be-done ul li{color:#000000;margin-bottom:0.75rem;line-height:1.6}.jobs-to-be-done ul li:last-child{margin-bottom:0}.resource-steps{margin:3rem 0}.resource-steps h2{color:#000000;margin-bottom:1.5rem;font-size:1.5rem}.resource-steps .step-list{list-style:none;padding:0;margin:0;counter-reset:step-counter}.resource-steps .step-list>li{padding:1.25rem 1.25rem 1.25rem 3.5rem;margin-bottom:1rem;background:linear-gradient(135deg, #f9f9fa 0%, #fff 100%);border-radius:0.75rem;position:relative;color:#000000;display:block;counter-increment:step-counter !important;box-shadow:0 2px 4px rgba(0,0,0,0.05);transition:all 0.3s ease;line-height:1.6}.resource-steps .step-list>li:hover{transform:translateX(5px);box-shadow:0 4px 8px rgba(0,0,0,0.08)}.resource-steps .step-list>li::before{content:counter(step-counter) !important;counter-increment:none !important;position:absolute;left:1.25rem;top:1.25rem;background:linear-gradient(135deg, #2774AE 0%, #1e5a8e 100%);color:white;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.95rem;box-shadow:0 2px 4px rgba(39,116,174,0.3)}.resource-steps .step-list>li p{margin:0}.resource-details{margin-top:3rem;color:#000000;line-height:1.7}.resource-details h2,.resource-details h3{color:#000000;margin-top:2rem;margin-bottom:1rem}.resource-details p{margin-bottom:1.25rem}.resource-details ul,.resource-details ol{margin-bottom:1.5rem;padding-left:1.75rem}.resource-details ul li,.resource-details ol li{margin-bottom:0.5rem;line-height:1.6}.next-steps{margin-top:4rem;padding-top:3rem;border-top:2px solid #005581}.next-steps h2{color:#005581;margin-bottom:2rem;font-size:1.75rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit, 350px);gap:2rem;justify-content:start}.card{background:white;border-radius:1rem;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 2px 8px rgba(0,0,0,0.08);overflow:hidden;animation:fadeInUp 0.5s ease-out backwards}.card:nth-child(1){animation-delay:0.1s}.card:nth-child(2){animation-delay:0.2s}.card:nth-child(3){animation-delay:0.3s}.card:nth-child(4){animation-delay:0.4s}.card:hover:not(.card-disabled){transform:translateY(-8px);box-shadow:0 12px 24px rgba(39,116,174,0.15)}.card:hover:not(.card-disabled) .card-arrow{transform:translateX(5px)}.card:active:not(.card-disabled){transform:translateY(-4px)}.card-question{border-top:2px solid #005581}.card-question:hover:not(.card-disabled){box-shadow:0 12px 24px rgba(39,116,174,0.2)}.card-resource{border-top:2px solid #005581}.card-resource:hover:not(.card-disabled){box-shadow:0 12px 24px rgba(255,181,17,0.2)}.card-featured{background:linear-gradient(135deg, #f0f7ff 0%, #fff 100%);border-top:2px solid #005581;box-shadow:0 4px 12px rgba(39,116,174,0.15)}.card-link{display:flex;display:flex;flex-direction:row !important;align-items:center !important;justify-content:space-between !important;align-items:flex-start;min-height:unset;padding:2.5rem;text-decoration:none;color:inherit;gap:1.25rem;min-height:100px}.card-link{justify-content:flex-start !important;gap:1rem}.card-disabled{cursor:not-allowed;opacity:0.5}.card-disabled:hover{transform:none !important;box-shadow:0 2px 8px rgba(0,0,0,0.08) !important}.card-disabled .card-content h3{color:#005581}.card-icon{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:0.75rem;transition:all 0.3s ease}.card-icon svg{width:1.5rem;height:1.5rem}.card-question .card-icon{background:rgba(39,116,174,0.1);color:#000000}.card-resource .card-icon{background:rgba(255,181,17,0.1);color:#000000}.card:hover:not(.card-disabled) .card-icon{transform:scale(1.1)}.card-content{flex:1}.card-content h3{color:#000000;margin:0 0 0.75rem 0;font-size:1.25rem;font-weight:700;line-height:1.4;transition:color 0.2s ease}.card:hover:not(.card-disabled) .card-content h3{color:#FFB511}.card-subtitle{color:#000000;font-size:0.95rem;margin:0;line-height:1.5}.card-subtitle.coming-soon{color:#000000;font-style:italic;font-weight:500}.card-arrow{color:#005581;font-size:2rem;font-weight:300;flex-shrink:0;transition:all 0.3s ease;line-height:1}@media (max-width: 768px){.cards-grid{grid-template-columns:1fr;gap:1.5rem}.navigation-header{flex-direction:column;gap:1rem;align-items:flex-start}.hero{padding:2rem 1.5rem}.hero h1{font-size:2rem}.hero .hero-subtitle{font-size:1.1rem}.card-link{padding:1.5rem;min-height:120px}.question-content h1,.resource-content h1{font-size:1.75rem}}@media (max-width: 480px){.hero h1{font-size:1.75rem}.hero .hero-subtitle{font-size:1rem}.card-link{flex-direction:column;align-items:flex-start;gap:1rem}.card-arrow{align-self:flex-end}}
