*,*::after,*::before{box-sizing:border-box;margin:0;padding:0}:root{--blue-900:#0d2a55;--blue-800:#1565C0;--blue-700:#1976D2;--blue-500:#2196F3;--blue-100:#E3F2FD;--blue-50:#F0F7FF;--white:#ffffff;--grey-50:#F8FAFC;--grey-100:#F1F5F9;--grey-200:#E2E8F0;--grey-400:#94A3B8;--grey-600:#475569;--grey-800:#1E293B;--shadow-sm:0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.10), 0 2px 6px rgba(0,0,0,.06);--shadow-lg:0 10px 28px rgba(0,0,0,.12), 0 4px 10px rgba(0,0,0,.08);--radius:12px;--radius-sm:6px;--transition:200ms ease;--max-width:1200px;--font:'Segoe UI', system-ui, -apple-system, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--grey-50);color:var(--grey-800);line-height:1.6;min-height:100vh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--blue-500);outline-offset:3px;border-radius:var(--radius-sm)}.site-header{background:linear-gradient(135deg, var(--blue-900) 0%, var(--blue-800) 60%, var(--blue-700) 100%);color:var(--white);padding:3rem 1.5rem 4rem;position:relative;overflow:hidden}.site-header::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 70% 30%, rgba(255,255,255,.06) 0%, transparent 70%), radial-gradient(ellipse 50% 80% at -10% 80%, rgba(255,255,255,.04) 0%, transparent 60%);pointer-events:none}.header-inner{max-width:var(--max-width);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.25rem;position:relative}.logo{display:flex;align-items:center;gap:1rem}.logo-shield svg{width:52px;height:62px;filter: drop-shadow(0 4px 12px rgba(0,0,0,.3))}.logo-text{display:flex;flex-direction:column}.logo-main{font-size:clamp(2rem, 5vw, 3rem);font-weight:800;letter-spacing:0.18em;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.25);background:linear-gradient(135deg, #ffffff 30%, #90CAF9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-sub{font-size:0.85rem;letter-spacing:0.12em;color:rgba(255,255,255,.65);font-weight:400;text-transform:lowercase;margin-top:0.1rem}.tagline{font-size:1.05rem;color:rgba(255,255,255,.8);text-align:center;max-width:520px;font-weight:300;letter-spacing:0.01em}.search-wrap{position:relative;width:100%;max-width:440px;margin-top:0.5rem}.search-wrap input{width:100%;padding:0.75rem 1rem 0.75rem 2.8rem;border:1.5px solid rgba(255,255,255,.25);border-radius:50px;background:rgba(255,255,255,.12);color:var(--white);font-size:1rem;font-family:var(--font);backdrop-filter: blur(6px);transition:background var(--transition), border-color var(--transition)}.search-wrap input::placeholder{color:rgba(255,255,255,.55)}.search-wrap input:focus{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);outline:none}.search-icon{position:absolute;left:0.9rem;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.65);display:flex;align-items:center;pointer-events:none}.search-icon svg{width:18px;height:18px}main{max-width:var(--max-width);margin:0 auto;padding:2.5rem 1.5rem 4rem;display:flex;flex-direction:column;gap:3rem}.no-results{text-align:center;padding:2rem;color:var(--grey-600);font-size:1rem}.hidden{display:none}.resource-section h2{display:flex;align-items:center;gap:0.65rem;font-size:1.25rem;font-weight:700;color:var(--blue-900);margin-bottom:1.25rem;letter-spacing:0.01em;padding-bottom:0.6rem;border-bottom:2px solid var(--blue-100)}.section-icon{display:flex;align-items:center;color:var(--blue-700);flex-shrink:0}.section-icon svg{width:22px;height:22px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:1.25rem}.card{background:var(--white);border:1px solid var(--grey-200);border-radius:var(--radius);padding:1.4rem 1.5rem 1.5rem;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:0.55rem;box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);position:relative;overflow:hidden}.card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, var(--blue-800), var(--blue-500));opacity:0;transition:opacity var(--transition)}.card:focus-visible,.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--blue-100)}.card:focus-visible::before,.card:hover::before{opacity:1}.card.hidden{display:none}.card-header{display:flex;align-items:center}.card-badge{display:inline-block;font-size:0.7rem;font-weight:600;letter-spacing:0.07em;text-transform:uppercase;color:var(--blue-800);background:var(--blue-50);border:1px solid var(--blue-100);padding:0.18rem 0.6rem;border-radius:50px}.card-title{font-size:1.05rem;font-weight:700;color:var(--grey-800);line-height:1.3}.card-desc{font-size:0.875rem;color:var(--grey-600);line-height:1.55;flex:1}.card-url{font-size:0.78rem;color:var(--blue-700);font-family:'Cascadia Code', 'Fira Code', 'Consolas', monospace;letter-spacing:-.01em;opacity:0.85;margin-top:auto}.site-footer{background:var(--blue-900);color:rgba(255,255,255,.7);padding:2.5rem 1.5rem;text-align:center}.footer-inner{max-width:var(--max-width);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:0.6rem}.footer-logo{font-size:1.1rem;font-weight:800;letter-spacing:0.2em;color:var(--white);margin-bottom:0.25rem}.site-footer p{font-size:0.875rem;max-width:500px}.footer-disclaimer{font-size:0.78rem !important;opacity:0.6}@media (max-width: 640px){.site-header{padding:2.5rem 1.25rem 3rem}.logo-shield svg{width:40px;height:48px}main{padding:2rem 1.25rem 3rem;gap:2.5rem}.card-grid{grid-template-columns:1fr}}@media (min-width: 768px){.card-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1024px){.card-grid{grid-template-columns:repeat(4, 1fr)}}