.navigation{background:#1f2937;border-bottom:1px solid #374151;padding:0 1rem}.nav-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:60px}.nav-brand{font-size:1.5rem;font-weight:700;color:#3b82f6;text-decoration:none}.nav-links{display:flex;gap:2rem}.nav-links a{color:#9ca3af;text-decoration:none;padding:.5rem 1rem;border-radius:.375rem;transition:all .2s}.nav-links a:hover{color:#fff;background:#374151}.nav-links a.active{color:#3b82f6;background:#1e3a8a}.main-content{min-height:calc(100vh - 60px);background:#f9fafb}.home{padding:2rem}.hero{max-width:1200px;margin:0 auto;text-align:center}.hero h1{font-size:3rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.hero p{font-size:1.25rem;color:#6b7280;margin-bottom:3rem}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature{background:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;text-align:left}.feature h3{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.feature p{color:#6b7280;margin-bottom:1.5rem}.btn{display:inline-block;background:#3b82f6;color:#fff;padding:.75rem 1.5rem;border-radius:.375rem;text-decoration:none;font-weight:500;transition:background .2s}.btn:hover{background:#2563eb}